.two { width:620px; padding:1px; background-color:#EEE;margin-top:20px; }
.two > .tabs{ height:30px; overflow:hidden; }
.two > .tabs > ul { list-style:none; margin:0; }
.two > .tabs > ul > li { margin:0; padding:7px 20px; display:block; float:left; color:#333; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: #DDD; }
.two > .tabs > ul > li:hover { background: #AAA; cursor:pointer; color: #FFF; }
.two > .tabs > ul > li.tabActiveHeader{ background: #FFF; cursor:pointer; color: #333; font-weight:bold; }
.two > .tabscontent { padding:10px 10px 25px; background: #FFF; margin:0; color:#333; }

.gridView { width:100%;overflow:hidden;list-style:none; }
.gridView { margin:10px 0;padding:0; }
.gridView li { width:140px; height:150px; float:left; padding:0; margin:0 5px 14px 5px; border:none; }
.gridView li a { text-decoration:none; }
.gridView li span { padding:1px 0; display:block;line-height:1.3em; }
.gridView li div { position:relative; padding:0; }
.gridView li img { width:140px;height:105px; }

/* player container */
div.player {
	height:418px;
	width:620px;
	max-height:418px;
	max-width:620px;
/*	border:1px solid #000; */
/*	outline:1px solid #333; */
	cursor:pointer;
	text-align:center;
	margin:0;
	padding:0;
}

/* play button */
div.player img {
	margin-top:160px;
}

/* info area */
div.player div.info {
	height:45px;
	background:#000;
	opacity:0.7;
	color:#fff;
	text-align:left;
	padding:5px 15px;	
	border-top:1px solid #ccc;
	margin-top:115px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}



.wrap {
	width: 300px;
	margin: 0 0 20px 0;
}
.wrap:nth-child(2n) { margin-right: 0; }

/* Frame */
.frame {
	width: 292px;
	height: 500px;
	overflow: hidden;
	border: 1px solid #EEE;
}
.frame .slidee {
	padding: 20px 25px;
	background: #fff;
}
.frame ul.items {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.frame ul.items li {
	float: left;
	width: 100%;
	height: 100px;
	margin: 0 0 1px;
	padding: 0;
	background: #FFF;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #DDD;
}
.frame ul.items li img {
	float:left;
	margin:0 10px;
	width: 120px;
	height: 80px;
}
.frame ul.items li a {
	text-decoration:none; display:block;
}
.frame ul.items li a h3 { font-weight:600;margin:10px 0 0 0; }
.frame ul.items li a span.pubDate { color:#666;display:block;font-size:90%;display:none; }
.frame ul.items li a span.duration { color:#666;display:block;font-size:90% }
.frame ul.items li.active {
	color: #333;
	background: #EEE;
}

/* Scrollbar */
.scrollbar {
	position: absolute;
	top: -25px;
	right: 1px;
	width: 3px;
	height: 500px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100%;
	height: 100px;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: 0;
	left: -10px;
	width: 22px;
	height: 100%;
}