@charset "utf-8";
/* CSS Document */
div#detail_content{
	margin:0 0 0 225px;
	}
			
	div#title_info{
		position:absolute;
		left:0;
		top:0;
		width:475px;
		height:63px;
		background:transparent url(/images/bg_detail_column_title.gif) 0 0 no-repeat;
		z-index:100;
		}
		div#title_info h1{
			margin:5px 0 0 8px;
		}
		div#title_info div.title{
			position:absolute;
			left:10px;
			bottom:7px;
			text-transform:uppercase;
			font-weight:bold;
		}
	div#video{
		position:absolute;
		left:25px;
		top:118px;
	}	
	div#video_archive{
		position:absolute;
		left:425px;
		top:50px;
		border:3px solid #000;
		-moz-border-radius: 5px;
		background:#fff;
		}

		div#video_archive div.video-item{
			width:184px;
			height:54px;
			padding:3px;
			}
			div#video_archive div.video-item div.preview{
				float:left;
				padding:3px;
				background:url(/images/home/bg_video_image.gif) 0 0 no-repeat;
				}
				div#video_archive div.video-item div.preview img{
					width:62px;
					height:49px;
				}
			div#video_archive div.video-item div.video-item-content{
				float:left;
				width:110px;
				padding-left:5px;
				padding-top:2px;
				}
				div#video_archive div.video-item div.video-item-content div.video-item-text{
					font-size:10px;
					color:#000;
					font-family:Arial, Helvetica, sans-serif;
					height:22px;
					margin-bottom:4px;
					overflow:hidden;
				}	
				div#video_archive div.video-item div.video-item-content div.video-item-button{
					float:right;
					padding-top:0px;
				}
			div#video_archive div.video_footer{
				border-top:3px solid #000;
				padding:2px 5px 2px;
				}
				div#video_archive div.video_footer a{
					float:left;
				}
				div#video_archive div.video_footer div.paging{
					width:145px;
					float:left;
					text-align:center;
					padding-top:2px;
					}
					div#video_archive div.video_footer div.paging a{
						float:none;
						text-decoration:none;
					}
					div#video_archive div.video_footer div.paging a.selected{
						color:#007eff;
					}
	
	div#video_archive div#tabs{
		height:28px;
		width:190px;
		position:relative;
		border-bottom:3px solid #2b2b2b;
		}
		div#video_archive div#tabs ul li{
			float:left;
			width:61px;
			text-align:center;
			height:28px;
			background:#fff;
			border-left:3px solid #000;
			}
			div#video_archive div#tabs ul li:first-child{
				border-left:0;
				width:62px;
			}
			div#video_archive div#tabs ul li a{
				display:block;
				height:28px;
				color:#000;
				text-decoration:none;
				text-transform:uppercase;
				font-family:Arial, Helvetica, sans-serif;
				font-size:9px;
				font-weight:bold;
				}
				div#video_archive div#tabs ul li a span{
					display:block;
					padding-top:6px;
				}
			div#video_archive div#tabs ul li a.selected{
				font-weight:bold;
				color:#fff;
				background-color:#000;
			}

		div#video_archive #scroller {
			width: 190px;
			height: 334px;
			overflow: hidden;
			
			}
		div#video_archive #content {
			width: 2500px;
			}
		div#video_archive .slide {
			float: left;
			width: 190px;
			height: 334px;
			}
	
	div#latest_episode{
		position:absolute;
		left:425px;
		top:430px;
		width:196px;
		height:71px;
		background:url(/images/bg_next-episode.gif) 0 0 no-repeat;
		}
		div#latest_episode div.latest-episode-item{
			width:186px;
			height:61px;
			padding:8px 5px 5px;
			}
			div#latest_episode div.latest-episode-item div.preview{
				float:left;
				padding:3px;
				background:url(/images/home/bg_video_image.gif) 0 0 no-repeat;
				}
				div#latest_episode div.latest-episode-item div.preview img{
					width:62px;
					height:49px;
				}
			div#latest_episode div.latest-episode-item div.video-item-content{
				float:left;
				width:110px;
				padding-left:5px;
				padding-top:2px;
				}
				div#latest_episode div.latest-episode-item div.video-item-content div.video-item-text{
					font-size:10px;
					color:#000;
					font-family:Arial, Helvetica, sans-serif;
					height:22px;
					margin-bottom:4px;
					overflow:hidden;
				}	
				div#latest_episode div.latest-episode-item div.video-item-content div.video-item-button{
					float:right;
					padding-top:0px;
				}


	div#taf_com{
		padding-top:440px;
		}
				

		div#video_archive #scroller_1,
		div#video_archive #scroller_2,
		div#video_archive #scroller_3 {
			width: 190px;
			height: 300px;
			overflow: hidden;
			}
		div#video_archive #content_1,
		div#video_archive #content_2,
		div#video_archive #content_3 {
			width: 2500px;
			}
		div#video_archive .slide_1,
		div#video_archive .slide_2,
		div#video_archive .slide_3 {
			float: left;
			width: 190px;
			height: 300px;
			}