@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}

/**/
.headerWrap{ width:100%; height:301px; background:url("/images/zhuanti/2017cmaFreeVideo/header.png") no-repeat center top;}
.header{ height:301px; background:url("/images/zhuanti/2017cmaFreeVideo/header.png") no-repeat center top;}
.header .logo{ display:block; font-size:0; line-height:0; width:120px; height:35px; left:0; top:20px;}

/**/
.nav{ height:152px;}
.nav p{ text-align:center; line-height:34px; padding:24px 0 0; font-size:18px;}
.nav p em{ color:#ff9227;}
.nav .noLogin{ text-align:center; padding:16px 0 0 0;}
.nav .noLogin .dl{ display:inline-block; width:170px; height:46px; line-height:46px; font-size:24px; background:#ff9227; color:#fff; text-decoration:none;}
.nav .yesLogin{ display:none;padding:16px 0 0 0; line-height:46px; font-size:18px; text-align:center;}

/**/
.videoListWrap{ width:100%; background:#f4f4f4;}
.videoList{ background:#f4f4f4; padding-bottom:49px;}
.videoList ul{}
.videoList li{ float:left; _display:inline; width:340px; margin:41px 39px 0 0;}
.videoList li.none{ margin-right:0;}
.videoList .pic{ width:340px; height:200px; overflow:hidden; cursor:pointer;}
.videoList .tex{ height:54px; background:#fff; padding:16px 0 0 19px;}
.videoList .tex p{ font-size:14px; line-height:20px;}

/**/
.dialog-mod{ display:none; width:100%; position:fixed; left:0; top:0; z-index:20; _position:absolute; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0)));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*0))))}
.dialog-mod .bg{ width:100%; height:100%; background:#000; opacity:0.4; filter: Alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; z-index:2;}
.dialogsCon{ width:848px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-424px; background:#fff; z-index:999;}
.dialogsCon .tit{ height:60px; line-height:60px; background:#f5f5f5; padding:0 20px 0 30px; border-bottom:1px solid #ececec;}
.dialogsCon .tit h3{ float:left; font-size:16px; line-height:60px; font-weight:normal; color:#666; _padding:15px 0 0; _height:45px; _line-height:45px;}
.dialogsCon .tit h3 .jt{ display:inline-block; width:5px; height:26px; background:#0090ff; vertical-align:-8px; *vertical-align:-2px; margin:0 17px 0 0;}
.dialogsCon .tit .close{ display:block; float:right; width:15px; height:16px; cursor:pointer; background:url("/images/zhuanti/2017cmaFreeVideo/close.gif") no-repeat; margin:21px 0 0 0;}
.dialogsCon .videoPlay{ width:800px; height:468px;  margin:0 auto; padding:21px 0;}
.dialogsCon .videoPlay img{ cursor:pointer;}
.dialogsCon .videoPlay p{ line-height:468px; font-size:36px; text-align:center; font-weight:bold; color:#ff9227;}