﻿/* ===================== 样式重置 ===================== */
html {overflow-y:scroll;overflow-x:visible;}
body {margin:0;color:#6c6c6c;font:12px/21px "宋体";background:#fff;}
ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, input {margin:0;padding:0;}
img, fieldset {border:none;}
li{list-style:none;}
select,input,img{vertical-align:middle;}
select, input, textarea{font-size:12px;}
a{color:#010101;text-decoration:none;}
a:hover{color:#4c7d08;text-decoration:underline;}
div,ul,dl,li{zoom:1;}
div:after,ul:after,dl:after,li:after{ content:".";display:block;clear:both;height:0;visibility:hidden;}
.fRed {color:#fde7c8;font-weight:normal;font-family:Tahoma;}
.fRed strong {font:24px/24px Tahoma !important;color:#fde7c8 !important;}
.fBlack{color:#000;}
.f14{font-size:14px;}
.fOrange,a.fOrange:hover{color:#fde7c8;}
.fGray { color:#d0d0d0 !important; }
.noPic{background:#010101 url(http://www.qiyipic.com/common/images/noPic.gif) center center no-repeat;} /* 缺图样式 */
/* ===================== 板块定义 ===================== */
.nav{width:970px;margin:0 auto;}
/* 标准二级导航 */
.navLogo{float:left;}
.navLogo img{float:left;}
.navBg{background:;}
.navList{float:left;font:12px/26px "宋体";padding-left:20px;color:#dedede;}
/* 头部搜索 */
.navSearch{float:right;padding:1px 4px 0 0;position:relative;z-index:3;}
.navFormList{position:absolute;width:300px;background:#fff;border:1px solid #808080;right:0;top:23px;line-height:23px;font-size:14px;}
.navFormList a,.navFormList a:hover{display:block;padding:0 5px;zoom:1;background:#fff;color:#000;text-decoration:none;}
.navFormList a.a1,.navFormList a.a1:hover{background:#e7e7e7;}
.inputText{background:url(http://www.qiyipic.com/common/images/MenuBg.png) no-repeat 0 100%;border:none;height:14px;width:230px;padding:3px 4px;}
.inputbtn {background:url(http://www.qiyipic.com/common/images/MenuBg.png) no-repeat -800px 100%;border:none; height:21px; width:60px; cursor:pointer; }
.inputbtn_ {background:url(http://www.qiyipic.com/common/images/MenuBg.png) no-repeat -900px 100%;}
.navLinks{float:right;line-height:26px;padding-right:12px;position:relative;z-index:2;}
.navLinks a.a1,.navLinks a.a2{display:inline-block; padding-right:15px; width:101px;text-align:center;position:relative;z-index:3;vertical-align:middle;}
.navLinks a.a1{background:url(http://www.qiyipic.com/common/qiyi_images/iconBg2.png) right -33px no-repeat; }
.navLinks a.a2,.navLinks a.a2:hover{background:url(http://www.qiyipic.com/common/qiyi_images/topbg.png) 0 1px no-repeat;height:26px;color:#000;line-height:26px;text-decoration:none;}
/* 主内容 */
.wrap2{ background:url(http://www.qiyipic.com/dianshiju/fix/csi20110921_warpBg.jpg) center top no-repeat #0c1c2f;}
.wrap2 img{ vertical-align:top;}
/* 标准尾 */
.footer{line-height:20px;text-align:center;padding:30px 0;background:url("http://www.qiyipic.com/common/images/footerBg.png") no-repeat center top #fff;clear:both;color:#6B6B6B;}
.fGray{color:#D0D0D0 !important;}
.footer,.footer a{color:#6B6B6B; }
.footer a:hover{color:#82A90D; }
.fEn{font-family:Arial;}
/*outer*/
.outer{}
/*header*/
.header{height:377px;}
.header h1{ display:none;}
/*content*/
.content{ width:973px; margin:0 auto; padding:0;}
/*section*/
.section{}
.section h2 b{ float:right; font-size:14px; color:#ddd; margin:0 18px 0 0; line-height:76px;}
/*dramaList*/
.dramaList{ display:inline; float:left; width:240px; margin:67px 0 0 0;}
.dramaList span{ display:block; float:left; width:239px; height:55px;margin:10px 0 0 0; padding:9px 0 0 0; font-size:14px;color:#fff; text-align:center; font-weight:bold; background:url(http://www.qiyipic.com/dianshiju/fix/csi20110921_dramaListBg.jpg) no-repeat;}
.dramaList span a{ color:#fff; font-weight:bold;}
.dramaList span.current,.dramaList span.current a{ color: #CCC;}
/*update*/
.update{ display:inline; float:right; width:642px;padding:0 33px 30px 35px; background:url(http://www.qiyipic.com/dianshiju/fix/csi20110921_updateBg.jpg) no-repeat; position:relative;}
.update h2{height:84px; text-indent:-300000px;}
.update b{ width:135px; height:135px; position:absolute;right:-20px;top:-27px; text-indent:-300000px;
background-repeat: no-repeat;background-image: url(http://www.qiyipic.com/dianshiju/fix/csi20110921_dbcqBtn.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.qiyipic.com/dianshiju/fix/csi20110921_dbcqBtn.png');}
.updateCon ul{ overflow:hidden;height:200px; display:none}
.updateCon li{ display:inline; float:left; width:642px;height:200px; overflow: hidden}
.updateCon li a.imgBox{ display:block; float:left;width:290px; height:200px; position:relative; background:url(http://www.qiyipic.com/dianshiju/fix/csi20110921_imgBoxBg.jpg) no-repeat;}
.updateCon li a.imgBox img{ display:block; width:278px; height:188px; padding:6px;}
.updateCon li a.imgBox em{position:absolute; left:6px; top:165px;width:278px; height:30px; text-indent:-300000px; font-style:normal; background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.updateCon li a.imgBox font{position:absolute; left:3px; top:169px;width:278px; height:30px; font-size:14px; color:#fff; text-align:center; font-weight:bold;}
.updateCon li a.imgBox span{ position:absolute; display:block;left:50%;top:50%; width:49px; height:50px; margin:-25px 0 0 -25px;text-indent:-300000px;
background-repeat: no-repeat;background-image: url(http://www.qiyipic.com/dianshiju/fix/csi20110921_playBtn.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.qiyipic.com/dianshiju/fix/csi20110921_playBtn.png');}
.updateCon li strong{ display:block; padding:0px 0 0 323px; color:#fff; font-size:16px;}
.updateCon li p{ display:block; color:#fff; padding:7px 0 0 323px;}
/*completeBox*/
.completeBox,.sectionBg{  margin:0 0 32px 0;background:url(http://www.qiyipic.com/dianshiju/fix/csi20110921_sectionBg.jpg) top no-repeat #253344;}
.sectionBg{ margin:0;}
.completeBox h2{overflow:hidden;height:73px;}
/*tvIntro*/
.tvIntro{width:972px;}
.tvIntro span{ display:inline; float:left;width:295px;height:226px; border:1px solid #0c1c2f; margin:0 0px 0 20px;}
.tvIntro span.current{width:297px;height:250px;border:1px solid #575a5d;border-bottom:none;}
.tvIntro span img{ display:block;width:273px; height:152px; border:1px solid #0b1c2f; margin:10px;}
.tvIntro span p{ font-size:14px; color:#fff; text-align:center;}
.tvIntro span p strong{ display:block;}
.tvIntro span a:hover{ text-decoration:none;}
/*tvList*/
.tvList{padding:0px 0px 20px;}
.tvList ul{ margin:0px 20px 0px;padding:0px 0px 20px;display:none;}
.tvList li{ display:inline; float:left; width:132px; height:116px; margin:20px 0 0 20px;padding:0px 0px 1px;}
.tvList li a{ display:block; font-weight: bold; text-align:center; color:#fff;}
.tvList li a img{ display:block;width:122px; height:77px; padding:4px; margin:0 0 6px 0;border:1px solid #0b1c2f;background:#575a5d;}
/*majorRole*/
.majorRole{}
.majorRole ul{display:none;}
.majorRole li{ display:inline; float:left; width:202px; font-size:14px; text-align:center; margin:0 20px 0px;padding:0px 0px 17px;}
.majorRole li a{ display:block; color:#fff; font-weight:bold;}
.majorRole li a img{ width:190px; height:240px; padding:5px;border:1px solid #0b1c2f;background:#575a5d; margin:0 0 5px 0;}
.majorRole li p{ color:#9fa0a0; margin:7px 0 0 0;}
/*trailer*/
.trailer{ padding:0 0 37px 19px;}
/*bigPic*/
.bigPic{ display:inline; float:left; width:643px; height:384px; overflow:hidden; cursor:pointer;}
.bigPic span img{ width:633px; height:374px; padding:4px;border:1px solid #0b1c2f;background:#575a5d;}
/*smallImg*/
.smallImg{ display:inline; float:left;width:280px;height:384px; overflow:hidden; cursor:pointer; margin:0 0 0 20px;}
.smallImg span{overflow:hidden;display:inline; float:left; width:121px; height:80px; margin:0 5px 21px 9px;}
.smallImg span img{width:111px; height:70px; padding:4px;border:1px solid #0b1c2f;background:#575a5d;}
