@charset "UTF-8";
body{font-family: "Microsoft Yahei"; background:#201f2e;}
/*+++++++header++++++++*/
.header{ height:502px; background: url('../images/secworldwar/head.jpg') no-repeat center; }

/*+++++++main nav++++++++*/
.mainwrap{ width:980px; margin:auto; }
.wrap{ background: #49476b;  margin-top:60px; }
.wrap-content{ width:968px; border:1px solid #201f2e; margin:5px; float:left;}
.title{ width:968px; height:60px;margin-top:36px; }
.nav{ margin-top:27px; }
.navlist{ height:51px; width:980px; }
.navlist li{ float:left; background-image:url('../images/secworldwar/navicon.png'); }
.navlist li.linkitem{ height:51px; width:150px; background-position:0px 0px; }
.navlist li.linkitem:hover{ background-position:-167px 0px; }
.navlist li.linkitem a{ cursor: pointer; height:51px; width:150px; line-height:51px; text-align:center; color:#201f2e; font-size:25px; display: block; }
.navlist li.linkitem a:hover{ color:#fff; }
.navlist li.linkitem .more{ font-size:19px; line-height: 21px; margin-top:4px; }
.navlist li.lineitem{ width:16px; height:3px; background: #696790; margin-top:21px; }

/*++++++++++直播预告+++++++++++*/
.prelive-wrap{ margin-top:60px; display: none; }
.prelive-wrap .title{ background: url('../images/secworldwar/title01.jpg'); }
.prelive-wrap .left-content{ width:700px; margin-left:17px; margin-top:33px; float:left;}
.prelive-wrap .left-content h2{ font-size:24px; color:#fff;  }
.prelive-wrap .left-content p{ font-size:18px; color:#bbb9e2; line-height:40px; width:630px; margin-top:15px; padding-bottom:20px;}
.prelive-wrap .right-content{ height:176px; width:176px; float:left; background: url('../images/secworldwar/twocode.jpg');border:3px solid #696790;margin-left:24px; margin-top:35px;}

/*++++++++++栏目视频+++++++++++*/
.vedio-wrap .vedio-top{ height:46px; background: #696790;}
.vedio-wrap .vedio-top p{ line-height:46px; color:#fff; font-size:20px;}
.vedio-wrap .vedio-top p.vedio-title{ text-indent:20px; width:650px; float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vedio-wrap .vedio-top p.scan-num{ float:right;margin-right:15px; }
.vedio-wrap .vedio{ height:600px; width:980px; background: #000; }
.vedio-bottom{ height:43px; background: #696790;  }
.vedio-bottom .left-area{ float:left; margin-top:13px; height:18px; line-height:18px; margin-left:20px;}
.vedio-bottom .left-area a.dianzan,.left-area .shareicon,.left-area .liuyan{ cursor: pointer; float:left; display: block; margin-right:15px; }
.vedio-bottom .left-area a.dianzan{ position:relative; }
.vedio-bottom .left-area .dianzan .zanicon{height:18px; width:18px; float:left; display: block; background: url('../images/secworldwar/icon.png') -2px -5px no-repeat; cursor: pointer;}
.vedio-bottom .left-area .dianzan:hover .zanicon{ background-position: -24px -7px; }
.vedio-bottom .left-area .dianzan .zannum{ color:#fff; margin-left:10px; float:left;}
.vedio-bottom .left-area .shareicon{ height:16px; width:17px; background: url('../images/secworldwar/icon.png') -81px -8px no-repeat; }
.vedio-bottom .left-area .shareicon:hover{ background-position: -54px -8px; }
.vedio-bottom .left-area .liuyan{height:17px; width:17px; background: url('../images/secworldwar/icon.png') -112px -8px no-repeat; }
.vedio-bottom .left-area .liuyan:hover{ background-position: -135px -8px; }
.vedio-bottom .right-area{ width:230px; height:34px; float:right; margin-top:4px; margin-right:20px;}
.vedio-bottom .right-area a{ height:34px; background-image: url('../images/secworldwar/down.png'); cursor: pointer; display: block; line-height: 34px; float:left; color:#fff; font-size:16px; }
.vedio-bottom .right-area a.downpc{ width:116px; background-position: -4px -48px; text-indent:25px; }
.vedio-bottom .right-area a.downpc:hover{ background-position: -2px -6px; }
.vedio-bottom .right-area a.downnobile{ width:92px; background-position: -141px -48px; text-indent: 30px; margin-left:20px;}
.vedio-bottom .right-area a.downnobile:hover{ background-position: -139px -6px; }

.jumpa{ height:100%; width:100%; display: block;position:relative; }
.playico{ display: block;position: absolute;width: 50px; height: 50px; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; background: url("../images/secworldwar/circle.png") no-repeat; }

.fx{cursor:pointer;position:relative; float:left; /*margin-left:15px;*//*_display:inline;margin-left:20px;font-size:14px;color:#fff;height:18px;padding-left:18px;background:url("../images/hmd01/fx.png") no-repeat 0 center*/}
.teamdText{margin-right:10px}
div.videoShare { position: absolute;left:0px;top:20px;z-index:10;display:none;background: url("../images/secworldwar/shareBg.png"); height: 70px;width:200px;}
div.videoShare div.shareBox{ position: relative; padding: 5px 0 5px 20px; color: #666; line-height: 28px; margin-top: 28px; }
.like_tip{position: absolute; z-index: 10; display: none; width: auto; white-space: nowrap; height: 40px; line-height: 40px; left: 0;  top: 20px; padding: 0 20px; color: #d2d2d2; border: 10px solid #241856;
    		background-color: #3d326b;text-align: center;}


.vediolist-box{ height:198px; position: relative; }
.vediolist-box .left-btn,
.vediolist-box .right-btn{ height:33px; width:17px; position: absolute; top:72px; cursor: pointer; display: block; z-index:10;}
.vediolist-box .left-btn{ background: url('../images/secworldwar/left.png'); left:15px; }
.vediolist-box .left-btn:hover{  background: url('../images/secworldwar/lefth.png');}
.vediolist-box .right-btn{ background: url('../images/secworldwar/right.png'); right:15px; }
.vediolist-box .right-btn:hover{ background: url('../images/secworldwar/righth.png'); }
.vediolist-box .vedio-view{ width:888px; overflow:hidden; margin-top:35px; /*margin-*/left:46px; float: left; position:relative; _position:absolute;}
.vediolist-box .vediolist{ width:10000px; height:116px; }
.vediolist li{ float:left; margin-right:25px; }
.vediolist .vediocover{ display: block; position: relative; border:1px solid #8b88b7; height:114px; width:201px; cursor: pointer;}
.vediolist .vediocover img{ height:114px; width:201px; position: absolute; left:0px; top:0px; }
.vediolist .vediocover .layer{ display: none; }
.vediolist li.current:hover .vediocover{border:1px solid #8b88b7; }
.vediolist li.current .vediocover{ border:1px solid #53526e; }
.vediolist li.current .layer{display: block; }
.vediolist li.current:hover .layer{ display: none; }
.vediolist .vediotitle{cursor: pointer; font-size:14px; color:#fff; width:200px; margin-top:10px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.vediolist li.current:hover .vediotitle{color:#fff; cursor: pointer; }
.vediolist li.current .vediotitle{ color:#191827;cursor: pointer; }

/*++++++++++栏目介绍+++++++++++*/
.coldes-wrap .title{  background: url('../images/secworldwar/title02.jpg');}
.coldes-wrap .coldes-content{ margin-top:8px; }
.coldes-wrap .coldes-content p{ color:#bbb9e2;  font-size:16px; line-height:42px; padding:20px 36px; text-indent:32px;}

/*++++++++++栏目嘉宾+++++++++++*/
.colguest-wrap .title{ background: url('../images/secworldwar/title03.jpg'); }
.colguest-wrap .colguest-content{ position:relative; _height:380px; }
.colguest-wrap .jbleft-btn,
.colguest-wrap .jbright-btn{ height:33px; width:17px; position: absolute; display: block; top:160px; cursor: pointer;  z-index:10; }
.colguest-wrap .jbleft-btn{ background: url('../images/secworldwar/left.png'); left:15px; }
.colguest-wrap .jbleft-btn:hover{ background: url('../images/secworldwar/lefth.png'); }
.colguest-wrap .jbright-btn{ background: url('../images/secworldwar/right.png'); right:15px; }
.colguest-wrap .jbright-btn:hover{ background: url('../images/secworldwar/righth.png'); }
.colguest-wrap .guestview{ width:770px; overflow:hidden; float:left; /*margin-*/left:100px; margin-top:50px;position:relative; _position:absolute;}
.colguest-wrap .guestlist{ width:10000px; height:325px;  }
.colguest-wrap .guestlist li{ margin-right:78px; height:264px; width:203px; float:left; }
.colguest-wrap .guestlist li .touxiang{ width:195px; height:256px; border:4px solid #a19fcc; }
.colguest-wrap .guestlist li .name{ font-size:23px; color:#fff; text-align: center; margin-top:5px; }

/*++++++++++二战故事+++++++++++*/
.colstory-wrap{ position:relative; }
.colstory-wrap .title{ background: url('../images/secworldwar/title04.jpg'); }
.colstory-wrap .storymore{ position:absolute; width:62px; height:32px; right:20px; top:126px; cursor: pointer; line-height: 32px; text-align: center; color:#201f2e;  font-size:20px; background:url('../images/secworldwar/more.png') -4px -9px; display: block;  }
.colstory-wrap .storymore:hover{ background-position: -4px -50px; color:#fff; }
.colstory-wrap .storylist{ width:920px; margin-top:25px; padding-bottom:30px;}
.colstory-wrap .storylist li{ float:left;  width:435px; height:43px; margin-left:25px; margin-top:37px;  _width:400px; }
.colstory-wrap .storylist .storylink .name{ margin-left:13px; width:340px; _width:300px; height:43px; line-height:43px; float:left; color:#bbb9e2; font-size:19px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.colstory-wrap .storylist .storylink .order{text-indent:8px; font-weight: bold; height:43px; line-height:43px; width: 69px; background: url('../images/secworldwar/order.png') 0px -80px; display: block; float:left; color:#201f2e; font-size:36px; }
.colstory-wrap .storylist .storylink:hover .name{ color:#fff; }
.colstory-wrap .storylist .storylink:hover .order{ background-position:0px 0px; }

/*++++++++++网友评论+++++++++++*/
.comment-wrap{ margin-top:60px; }
.comment-wrap .title{  background: url('../images/secworldwar/title05.jpg'); }
#vv_comment{  margin-top:40px; }
/*+++++++footer+++++++++*/
.footer .wrap{ background:#201f2e; }
#footer_link_info p,
#footer_link_info p a,
#footer_link_info p span{ color:#fff; }

/*返回顶部和分享*/
*html{ background-image: url(about:blank); background-attachment: fixed; }
.shareTop{ width: 36px; position: fixed; right: 0; bottom: 150px; _position: absolute; _bottom: auto; _margin-bottom: 150px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
#bdsharemore,
.shareTop .tecentWeiXin a{ background: url('../images/secworldwar/side_share.png') no-repeat center; }
.shareTop a.top{ display: inline-block; width: 36px; height: 36px; margin-bottom: 10px; background-position: 0 0; }
.shareTop a.top:hover{ background-position: -54px 0; }
.bdsharebuttonbox  .sa{ display: block; float: none; font-size: 14px; height: 76px; }
#bdsharemore{ margin: 0; padding: 0; display: inline-block; width: 36px; height: 76px; background-position: -0px -45px;}
#bdsharemore:hover{ background-position: -54px -45px; }
.shareTop .tecentWeiXin a{ display: inline-block; width: 36px; height: 140px; margin-top: 10px; background-position: 0 -132px; }
.shareTop .tecentWeiXin:hover a{ background-position: -54px -132px; }
.shareTop .tecentWeiXin{ position:relative; }
.shareTop .tecentWeiXin .sideCode{ position: absolute; display: none; width: 130px; height: 130px; left: -140px; top: 10px; border: 5px solid #696790; }
.shareTop .tecentWeiXin:hover .sideCode{ display: block; }

/*左下角小视频*/
.bottomVedio{  position:fixed; left:0px; bottom:0px; background: #000; width:241px;}
.adtop{height:25px; width:100%; position: relative;}
.adtitle{ line-height:25px; height:25px; font-size:14px; color:#fff; text-indent: 10px; float:left; /* margin-top:13px;*/}
.adclose{ height:15px; line-height:15px; font-weight:bold; font-size:15px; text-align:center; width:15px; background: #fff; color:#000; float:right; display: block; margin-top:5px; cursor: pointer;}
.adbottom{ height:142px; width:241px; position: relative; }
/*.vedioLink{ height:218px; width:361px; display: block; position:absolute; z-index: 10; top:0px; }*/
.vedio02{ height:142px; width:241px; position:absolute; z-index: 1; top:0px;}
#vedio02_wrapper{ position:absolute !important; z-index:1px; top:0px; }