﻿@charset "utf-8";
/**
 * @author     Dededesign 
 * @copyright  (c) 2009 788111.com
 * @website    http://v.788111.com
 * version V.1 2009-09-25
 */
/*main style start*/

.ad960_index{ width:960px; margin:10px  auto; height:90px;}
.ad960{ width:960px; margin:10px  auto; background:url(../images/ad/vod_ad1.gif) no-repeat; width:960px; height:90px;}
.ad960_2{ width:960px; margin:0px  auto; margin-bottom:10px; margin-top:-10px;}
.ad660{height:90px;}
.p960_index{ width:960px; margin:10px  auto; height:90px;}
.p960{ width:960px; margin:10px  auto; background:url(../images/ad/vod_ad1.gif) no-repeat; width:960px; height:90px;}
.p960_2{ width:960px; margin:0px  auto; margin-bottom:10px; margin-top:-10px;}
.p660{height:90px;}

.vodonline .head,.vodside .center,.vodside .content,.vodside .foot,.vodhot .head,.vodhot .content,.vodhot .foot,.vodSideBox .head,.vodSideBox .contentTeam,.vodSideBox .contentPopular{ background: url(../images/vod_side_sprites2.gif)}
h5 span.date{ margin-right:10px; color:#666}
h5 span.views{ background: url(../images/vod_sprites.gif) no-repeat -95px -47px; padding-left:20px; color:#666}
  .vodframe { width:960px; margin:0 auto; margin-bottom:10px;}
  .vodmain{ width:663px; float:left; margin-right:11px;}
	.vodmain .tit1 h2{ background-color:#f7f7ff; height:30px; line-height:30px; padding-left:13px; font-size:16px; font-weight:bold}
    .vodmain .tit1 h2 span{ color:#990000}	
	.focus{ border:1px solid #7c9ac0; height:346px; padding:10px;_padding-bottom:1px;  position:relative;}
	.focus .left{ width:296px; margin-right:10px;float:left; position:relative}
	.focus .left h3{  margin:15px 5px 5px;  font-weight:bold}
	.focus .left h3.h3_color a,h3.h3_color a:visisted{color:#0350c4; text-decoration:none}
    .focus .left h3.h3_color a:hover{color:#0350c4; text-decoration:underline}
	.focus .left p{ line-height:22px; text-indent:25px; }
	.focus .left h5{ position:absolute; left:180px;width:135px; font-size:12px;  color:#666; font-style:normal; top:320px; left:155px;}    
	
	.focus .right{ width:330px;  float:left; position:relative}	
		
		.focus .right ul li { border-top:1px dashed #999;  height:73px; padding:8px 0px 6px 0px; *padding:6px 0px 4px 0px;_padding:8px 0px 2px 0px; }
		.focus .right ul li.now{border-top:none;padding-top:0px; position:relative}
		.focus .right ul li img{ float:left; margin-right:10px; border:1px #CCCCCC solid;padding:1px }<!--[if IE 8]>.eeee{height: 100px;}/*杩欏彞鍙湁ie8璁よ瘑*/<![endif]--> 
		.focus .right ul li h4{ font-size:14px; color:#000; font-weight:bold; padding-top:3px}
		.focus .right ul li h4 a:hover{text-decoration:underline; color:#666 } 
		.focus .right ul li p{ color:#777; line-height:17px; margin-top:5px; }
		.focus .right ul li p a,.focus .right ul li p a:visited{ color:#999}
		.focus .right ul li p a:hover{ color:#666}
		.focus .right ul li { position:relative}
		.focus .right h5{ position:absolute; left:200px;width:135px; color:#666 ; top:68px;} 
		.focus .right ul li.now h5{position:absolute; left:200px;width:135px; color:#666 ; top:57px;} 
		
  .vodside{ width:286px; float:left;}
   	    .vodonline {}
            .vodonline .head{ background-position: 0 0; height:4px; width:284px; font-size:0}
				.vodonline .tit h3{ display:block; background-color:#9ba1b1; width:80px; line-height:27px; text-align:center; color:#fff;  height:27px;}
				.vodonline .tit span{ float:right; margin-top:5px;}
				.vodonline .tit{border-bottom:3px #9ba1b1 solid;margin-bottom:10px;}	 
			.vodonline .content{ padding:0px 8px; background-position:-285px 0px;  overflow:hidden}
				.vodonline .content img{ float:left;  margin:8px 5px 0 0; }
				.vodonline .content .r{ color:#FFF; margin:8px 0; float:left;  background-color:#9ba1b1; width:168px; height:60px; padding-left:8px; }
				.vodonline .content .r h4{ background: url(../images/sprites.gif) no-repeat 0px -445px; padding-left:10px; padding-top:7px; }
			
				.vodonline .content .r p{ line-height:28px; }
				.vodonline .content .r p.white a{ color:#FFF;}
				.vodonline .content .r p.gray a{ color:#333;}				
				.vodonline .content .special{background-color:#fff;color:#666;}
				.vodonline .content .special h4{ background: url(../images/sprites.gif) no-repeat 0px -360px; padding-left:10px; padding-top:7px; }
						
			.vodonline .center{height:22px; width:284px; background-position: 0 -5px;}
			.vodonline .foot{height:9px; width:284px; background-position: 0 -23px; font-size:0}
		
		
		.vodhot { position:relative}
			.vodhot .head{ background-position: 0 40px; height:33px; width:284px; margin-top:10px;}
				.vodhot .head h3{ padding:12px 0 0 5px; font-size:14px; font-weight:bold;height:21px;width:90px; margin-left:15px; color:#c10000 }
				.vodhot .head img{ margin-right:2px; }				
			.vodhot .content{ background:url(../images/vod_side_sprites2.gif);background-position:-578px 0px;   overflow:hidden;  }
				.vodhot .content .c {border: 1px  #cacaca solid; overflow:hidden;zoom:1; width:250px; margin-left:8px; padding-left:15px; background-color:white   }
		        .vodhot .content .c ul li{ width:76px; float:left; display:block; font-size:14px; text-align:left;padding:6px 2px 8px 5px ; }

					.vodhot .content .c ul li, x:-moz-any-link {padding:6px 2px 6px;}
					.vodhot .content .c ul li, x:-moz-any-link, x:default {padding:6px 2px 8px 5px ;}
					.vodhot .content .c ul li{*padding:6px 2px 7px;}
		        .vodhot .content .c ul li a{ color:#0153c3; padding:1px;} 
				.vodhot .content .c ul li a:hover{ background-color:#ccc;color:#000; padding:1px;}
			.vodhot .footHot{height:9px; width:284px;background:url(../images/vod_side_sprites2.gif); background-position: 0 -65px; font-size:0}
		
	.vodMainOuterBox{ height:432px; border:#e7ecff 1px solid; background-color:#f8f8ff; margin-bottom:10px;}
	#vodMainOuterBox_spe1{ height:246px; margin:10px 0; }
	#vodMainOuterBox_spe2{ height:246px; margin-bottom:10px;background-color:#f8f8f8 }
	#vodMainOuterBox_spe3{background-color:#f8f8f8 }
		
		#vodMainInnerBox_1{ width:656px;height:200px; margin-top:5px;  background-color:#FFF}
		    .vodMainOuterBox .tit{ margin:7px 0 10px 0; }
			.vodMainOuterBox .tit span.more a{color:#666; text-decoration:none}
			.vodMainOuterBox .tit span.more a:hover{color:#666; text-decoration:underline}
		    .vodMainOuterBox .tit h2{ background:url(../images/vod_sprites.gif) no-repeat 0 0px;width:112px;color:#FFFFFF;
			                         height:19px;line-height:19px; text-align:center; float:left;position:relative }
			.vodMainOuterBox .tit h2#spe{ background:url(../images/vod_sprites.gif) no-repeat 0 -19px; width:112px;color:#FFFFFF;height:19px;
			                         line-height:19px; text-align:center; float:left;position:relative }
		
			.vodMainOuterBox .tit h2 span{ position:absolute; left:605px; color:#000; width:40px; font-size:12px; font-weight:normal}
		 	.vodMainOuterBox .tit ul{ margin:5px 0 0 8px; float:left; width:470px;}
			.vodMainOuterBox .tit ul li{ float:left; text-align:center; width:65px; background:url(../images/sprites.gif) no-repeat right -220px;padding:0 5px;}
			.vodMainOuterBox .tit ul li.speTit{ float:left; text-align:center; background:none;padding:0 5px;}
		    .vodMainOuterBox .tit ul li a{ color:#003074}
			.vodMainOuterBox .tit ul li a:hover{ color:#003074; text-decoration:underline}
			
			
		.vodMainInnerBox{ width:656px;height:386px; margin-top:5px;  background-color:#FFF}
		.vodMainInnerBoxLeft{width:328px; float:left;  background-color:#FFF}
		.vodMainInnerBoxRight{width:328px; float:left; background-color:#FFF}
		.vodMainOuterBox .c{ width:310px; margin:10px 0 0 15px; float:left}
			.vodMainOuterBox .c ul { margin-top:8px; padding-top:5px;}				
			.vodMainOuterBox .c ul li{background:url(../images/vod_sprites.gif) no-repeat 0 -63px; height:22px; padding-left:18px;}
		    .vodMainOuterBox .c h3{background:url(../images/vod_sprites.gif) no-repeat 0 -38px;width:80px;color:#FFFFFF;height:22px;line-height:22px;text-align:center }
			.vodMainOuterBox .c .cBox{ margin-bottom:5px; padding-top:10px; border-top:#e0e0e0 1px dashed}
			.vodMainOuterBox .c .cBox img,.vodMainOuterBox .c .cBox dl{ float:left}

			.vodMainOuterBox .c .cBox dl{ margin-right:5px; width:160px; }
			.vodMainOuterBox .c .cBox .descrip{ line-height:22px; height:48px;}
			.vodMainOuterBox .c .cBox .descrip a:link,.vodMainOuterBox .c .cBox .descrip a:visited{ line-height:22px; }
			.vodMainOuterBox .c .cBox .descrip a:hover{ color:#fb6600; line-height:22px; text-decoration:none; }
			
			.vodMainOuterBox .c .cBox .date,.vodMainOuterBox .c .cBox .series{ margin-top:4px;  margin:5px 0}
			.vodMainOuterBox .c .cBox .series a{color:#0350c4; text-decoration:underline}
            .vodMainOuterBox .c .cBox .series a:hover{color:#0350c4; text-decoration:underline}
	.vodSideBox{ margin-bottom:10px;}
	    .vodSideBox .head{ background-position: 0 40px; height:33px; width:284px; position:relative}		
			.vodSideBox .head h3{ height:21px; padding-top:12px; width:90px; margin-left:15px; }
			.vodSideBox .head h3 span{position:absolute; left:230px; color:#000; font-size:12px; width:40px; font-weight:normal}
			.vodSideBox .head h3{ padding:12px 0 0 5px; font-size:14px; font-weight:bold;height:21px;width:90px; margin-left:15px; }
			.vodSideBox .head h3 em{ color:#c10000; font-style:normal;}
			.vodSideBox .head img{ margin-right:5px; }
		.vodSideBox .content{ background-position:-285px 0px; width:286px;   overflow:hidden;  }
			.vodSideBox .content .caption { overflow:hidden;zoom:1; width:265px; margin:8px 10px 8px 15px; position:relative   }
			.vodSideBox .content .caption img{ margin-right:10px;}
			.vodSideBox .content .caption p{ float:right;line-height:22px; color:#0250bd; padding-right:10px; width:155px;}
			.vodSideBox .content .caption h5{ float:right;margin-right:10px; width:150px; text-align:right; position:absolute; left:100px; top:44px; color:#666}
			.vodSideBox .content .caption p#speRank{background:url(../images/vod_sprites.gif) no-repeat 0 -99px; text-indent:15px; }
			.vodSideBox .content .caption img,.vodSideBox .content .c ul{ float:left}
			.vodSideBox .content  ul { margin-left:15px;width:250px;}
			.vodSideBox .content  ul li{background:url(../images/vod_sprites.gif) no-repeat 0 -76px; 
										   border-bottom:1px dashed #ccc; padding-top:6px;height:21px; padding-left:20px;}
			.vodSideBox .content  ul li a{ color:#666}						   
			.vodSideBox .content  ul li a:hover{text-decoration:underline; color:#fb6600 } 			
			.vodSideBox .content  ul.rankList li{ background:none;}
			.vodSideBox .content  ul.rankList{ background:url(../images/icon_level.gif) no-repeat 0 8px;}			
				
			.vodSideBox ul.contentTeam { width:284px;background-position:-285px 0px; }
			.vodSideBox ul.contentTeam li { margin-left:8px; padding-top:7px;*padding-top:2px;}	
			.vodSideBox ul.contentTeam li a{ display:block; height:83px; cursor:pointer; width:260px;padding:4px 0 0 4px; 
			                                   color:#666;background-color:#fff; border:1px #f0f0f0 solid;}
			.vodSideBox ul.contentTeam li a:hover{ text-decoration:none; color:#0054BE;background-color:#F6F8FF; border:1px #E7EDFF solid;}	
			.vodSideBox ul.contentTeam li a img{float:left; margin:0px 10px 0 0px; border:1px #CCCCCC solid ; padding:1px;}
			.vodSideBox ul.contentTeam li a p{ float:left; width:160px; text-align:left; line-height:19px;}
			.vodSideBox ul.contentTeam li a p span{ font-weight:bold; margin-right:5px;}					

		   .vodSideBox .foot{height:9px; width:284px; background-position: 0 -23px; font-size:0}
		.sideBottomRecom{ margin-top:-10px; background:url(../images/person_p1.jpg)  no-repeat; width:212px; height:120px;  padding-top:55px; padding-left:70px;}
			.sideBottomRecom span{ margin-left:23px; }
			.sideBottomRecom span a{ color:#c20001; font-weight:bold }
			.sideBottomRecom span a:hover{ text-decoration:underline}
			
/*link*/
.link_box{border:#e7ecff 1px solid;width:960px;margin:0 auto; background-color:#f8f8ff;padding:5px 0px; margin-bottom:10px;}
.link_box .tit{ margin:7px 0 10px 0; }
.link_box .tit h2{ background:url(../images/vod_sprites.gif) no-repeat 0 0px;width:112px;color:#FFFFFF;height:19px;line-height:19px; text-align:center; float:left;position:relative }
  .link_box .tit h2#spe{ background:url(../images/vod_sprites.gif) no-repeat 0 -19px; width:112px;color:#FFFFFF;height:19px;line-height:19px; text-align:center; float:left;position:relative }
  .link_box .con{ width:934px;margin-top:5px;background-color:#FFF;padding:10px;overflow:hidden;margin:0 auto}
  .link_box .con ul li{float:left;width:114px;text-align:center;line-height:24px;}