@charset "utf-8";
body {font-family:Microsoft YaHei, arial, \5b8b\4f53, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#fff url(../../../images/special/160415/bg_body.jpg) repeat;}
* {margin:0; padding:0; border:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#c00; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
img{ vertical-align:middle;}
section{ display:block;}
p{word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*底部*/
.copyright{width:100%; height:auto; padding:20px 0; border-top:0px solid #ddd; font:12px/20px arial,simsun; color:#2b2b2b; text-align:center; margin:0 auto;}
.copyright .cop_dg a{color:#2b2b2b;}
.copyright .cop_dg a:hover{color:#2b2b2b;}
.copyright .cop_dg span{color:#666;}
.copyright .p-cut{font:12px/22px arial;margin-top:10px;}

/*头部*/
.banner_wrap{width:100%; height:680px; background:url(../../../images/special/160415/bg_banner.jpg) center top no-repeat; position:relative; z-index:1;}
.banner_wrap .banner{ width:1170px; height:100%; padding-left:30px; margin:0 auto; position:relative;}
.banner_wrap .banner .kangzhan{ margin-top:35px;}
.banner_wrap .banner .bianhao{ padding:10px 0 30px;}
.banner_wrap .banner .bianhao li{ line-height:20px; font-size:14px; color:#000;}
.banner_wrap .banner .bianhao li span{ color:#b30000;}
.banner_wrap .banner .logo{ position:absolute; top:430px; right:335px;}
.banner_wrap .banner_notes{width:405px; height:310px; padding:15px 10px 0 15px; border-top:5px solid #cdc1ad; background:url(../../../images/special/160415/bg_white.png) repeat;}
.banner_wrap .pinglun_war{ height:230px; margin-bottom:20px; overflow:hidden;}
.banner_wrap .pinglun_war .list li{ line-height:22px; padding-bottom:10px; font-size:14px; color:#444;}
.banner_wrap .pinglun_war .list li.cur{ color:#855c06;}
.banner_wrap .btns_war{ height:35px;}
.banner_wrap .arrow_down{ height:30px; background:#f7f7f7 url(../../../images/special/160415/down.png) center center no-repeat; cursor:pointer;}
.banner_wrap .bg_prev_next{ width:104px; height:35px; background:url(../../../images/special/160415/prev_next.png) center center no-repeat; margin:0 auto; display:none;}
.banner_wrap .bg_prev_next a{ width:52px; height:35px; display:inline-block;}

/*包裹*/
.wrapper{ width:1200px; height:auto; margin:-40px auto 30px; position:relative; z-index:2;}
.h3_title{ padding-bottom:18px; margin:18px 0; background:url(../../../images/special/160415/bg_h3.png) center bottom no-repeat;}

/*头条*/
.focus_war{margin-bottom:30px;}
.video_wrap_focus{width:680px; height:382px; float:left;}
.mejs-container .mejs-controls .mejs-quality{ display:none;}
.headline{ width:500px; height:auto; float:right;}
.headline .top{ font-size:26px; color:#563503;}
.headline .top a{ color:#563503;}
.headline .top a:hover{ color:#c00;}
.headline .title{ padding:5px 0; font-size:22px; color:#000;}
.headline .link{ padding-bottom:5px; line-height:24px; font-size:16px; font-family:simsun; color:#666;}
.headline .link a{ margin-right:10px; color:#666;}
.headline .link a:hover{ color:#c00;}
.headline .intro{ line-height:24px; font-size:14px; font-family:simsun; color:#888;}
.headline .intro a{ color:#888;}

/*精彩片段*/
.pianduan{width:1210px; height:auto; padding-top:5px;}
.pianduan dl{ width:292px; height:auto; margin:0 10px 10px 0; display:inline; float:left;}
.pianduan dl dt{ width:290px; height:163px; border:1px solid #eaeaea;}
.pianduan dl dt a{ width:100%; height:100%; display:block; position:relative;}
.pianduan dl dt img{ width:100%; height:100%}
.pianduan dl dt .play{ width:48px; height:48px; display:block; background:url(../../../images/special/160415/play.png) no-repeat; position:absolute; left:50%; top:50%; margin:-24px 0 0 -24px; opacity:0.6;}
.pianduan dl dt a:hover .play{opacity:1;}
.pianduan dl dd{ height:24px; padding-top:6px; line-height:24px; font-size:14px; font-family:simsun; color:#444; overflow:hidden;}
.pianduan dl dd a{ color:#444;}
.pianduan dl dd a:hover{ color:#c00;}

/*大家评说*/
.pingshuo{ width:100%; height:auto; padding-bottom:10px; position:relative;}
.tab_pingshuo{ width:280px; height:40px; position:absolute; left:0; top:340px; z-index:9;}
.tab_pingshuo li{ width:70px; height:40px; line-height:40px; background:url(../../../images/special/160415/bg_black.png) repeat; font-size:18px; font-family:arial; color:#fff; text-align:center; cursor:pointer; float:left;}
.tab_pingshuo li.on{ background:url(../../../images/special/160415/bg_yellow.png) repeat;}
.tab_pingshuo li .ico{width:32px; height:32px; margin-top:2px; background:url(../../../images/special/160415/play_s.png) no-repeat; display:none;}
.tab_pingshuo li.on .txt{ display:none;}
.tab_pingshuo li.on .ico{ display:inline-block;}
.list_pingshuo{ width:100%; height:380px;}
.list_pingshuo .list{ width:100%; height:380px; display:none;}
.list_pingshuo .list.show{ display:block;}
.list_pingshuo .list .ps_l{ width:680px; height:380px; position:relative; float:left;}
.list_pingshuo .list .ps_l .pic{ width:100%; height:100%;}
.list_pingshuo .list .ps_l .people{width:280px; height:70px; background:url(../../../images/special/160415/bg_yellow.png) repeat; position:absolute; left:0; top:270px;}
.list_pingshuo .list .ps_l .people .number{ width:33px; height:56px; position:absolute; left:25px; top:15px; text-indent:-9999px;}
.list_pingshuo .list .ps_l .people .number.top0{ background:url(../../../images/special/160415/1.png) no-repeat;}
.list_pingshuo .list .ps_l .people .number.top1{ background:url(../../../images/special/160415/2.png) no-repeat;}
.list_pingshuo .list .ps_l .people .number.top2{ background:url(../../../images/special/160415/3.png) no-repeat;}
.list_pingshuo .list .ps_l .people .number.top3{ background:url(../../../images/special/160415/4.png) no-repeat;}
.list_pingshuo .list .ps_l .people .name{ padding:15px 0 0 70px; display:block; font-size:24px; font-weight:normal; color:#fff;}
.list_pingshuo .list .ps_r{ width:500px; height:auto; float:right;}
.list_pingshuo .list .ps_r .title{ margin-bottom:10px; line-height:36px; font-size:22px; color:#000;}
.list_pingshuo .list .ps_r .title a{ color:#000;}
.list_pingshuo .list .ps_r .title a:hover{ color:#c00;}
.list_pingshuo .list .ps_r .intro{ line-height:24px; font-size:14px; color:#444;}
.list_pingshuo .list .ps_r .intro a{ color:#444;}

/*情系香港*/
.xianggang{ width:100%; height:auto;}
.xianggang .qingxi{ width:395px; height:442px; background:url(../../../images/special/160415/bg_tkp.jpg) no-repeat; overflow:hidden; float:left;}
.xianggang .qingxi dl{ width:100%; height:auto;}
.xianggang .qingxi dl dt{ height:50px; line-height:50px; padding-left:15px; background:url(../../../images/special/160415/bg_black.png) repeat; font-size:18px; color:#fff; overflow:hidden;}
.xianggang .qingxi dl dt a{ padding-left:25px; background:url(../../../images/special/160415/plus.png) left center no-repeat; color:#fff;}
.xianggang .qingxi dl dd{ height:230px; line-height:26px; padding:12px 0 0 40px; font-size:14px; font-family:arial,simsun; color:#000; overflow:hidden; display:none;}
.xianggang .qingxi dl dd a{ color:#000;}
.xianggang .qingxi dl.cur dt a{ background:url(../../../images/special/160415/close.png) left center no-repeat;}
.xianggang .qingxi dl.cur dd{ display:block;}
.xianggang .qingxi_right{ width:785px; height:442px; float:right;}
.video_wrap_xg{ width:785px; height:442px; display:none;}
.video_wrap_xg.show{ display:block;}

/*报业巨擘*/
.baoyejubo{ width:100%; height:auto;}
.baoyejubo .jubo_info{ width:320px; height:428px; position:relative; overflow:hidden; float:left;}
.baoyejubo .jubo_info .pic{ width:100%; height:100%; border:none; position:absolute; left:0; top:0; z-index:1;}
.baoyejubo .jubo_info .mask{ width:100%; height:100%; background:url(../../../images/special/160415/bg_jubo.png) repeat; position:absolute; left:0; top:0; z-index:2;}
.baoyejubo .jubo_info .name{ padding:50px 0 10px 40px; font-size:28px; color:#fff; position:relative; z-index:3;}
.baoyejubo .jubo_info .intro{ line-height:24px; padding:0 30px 0 40px; color:#eac795; position:relative; z-index:3;}
.baoyejubo .jubo_info .link{ width:21px; height:18px; background:url(../../../images/special/160415/arrow.png) no-repeat; position:absolute; right:12px; bottom:12px; z-index:3;}
.baoyejubo .jubo_list{ width:860px; height:auto; padding-left:10px; float:left;}
.baoyejubo .jubo_list .item{ width:160px; height:208px; display:inline-block; margin:0 0 12px 12px; position:relative; float:left;}
.baoyejubo .jubo_list .item .pic{ width:100%; height:100%; border:none;}
.baoyejubo .jubo_list .item .mask{ width:100%; height:100%; background:url(../../../images/special/160415/bg_white2.png) repeat; position:absolute; left:0; top:0;}
.baoyejubo .jubo_list .item:hover .mask{ display:none;}

/*传世名篇*/
.mingpian{ width:100%; height:610px; position:relative;}
.mingpian a{ position:absolute; z-index:1;}
.mingpian a img{ width:100%; height:100%; border:none;}
.mingpian a .mask{ width:100%; height:100%; border:5px solid #b86d01; position:absolute; left:-5px; top:-5px; display:none;}
.mingpian a:hover{ z-index:2; -webkit-transition:all 0s ease-in-out 0s; -moz-transition:all 0s ease-in-out 0s; -o-transition:all 0s ease-in-out 0s; -ms-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s;}
.mingpian a:hover .mask{ display:block;}
.mingpian .item1{ width:315px; height:410px; top:0; left:0;}
.mingpian .item2{ width:315px; height:410px; top:0; left:315px;}
.mingpian .item3{ width:315px; height:230px; top:0; left:630px;}
.mingpian .item4{ width:255px; height:325px; top:0; left:945px;}
.mingpian .item5{ width:315px; height:230px; top:230px; left:630px;}
.mingpian .item6{ width:255px; height:200px; top:410px; left:0;}
.mingpian .item7{ width:375px; height:200px; top:410px; left:255px;}
.mingpian .item8{ width:315px; height:150px; top:460px; left:630px;}
.mingpian .item9{ width:255px; height:285px; top:325px; left:945px;}

/*出品方*/
.chupin_wrap{ width:100%; height:auto; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:url(../../../images/special/160415/bg_footer.jpg) center top repeat-y; margin-bottom:10px;}
.chupin_wrap .chupin{ width:1200px; height:auto; padding:12px 0; line-height:24px; font-family:simsun; color:#888; margin:0 auto;}
.chupin_wrap .chupin ul{ float:left;}
.chupin_wrap .chupin .part1{ width:270px; height:120px; padding-top:40px; background:url(../../../images/special/160415/line.png) right center no-repeat;}
.chupin_wrap .chupin .part2{ width:240px; height:150px; padding-top:10px; padding-left:40px; background:url(../../../images/special/160415/line.png) right center no-repeat;}
.chupin_wrap .chupin .part3{ width:250px; height:auto; padding-top:10px; padding-left:40px;}
.chupin_wrap .chupin .part4{ width:200px; height:auto; padding-top:34px;}
.chupin_wrap .chupin .part5{ width:160px; height:auto;}

/*弹出层*/
.black{ width:100%; height:100%; background:url(../../../images/special/160415/bg_black.png) repeat; position:fixed; left:0; top:0; z-index:11000; _position:absolute; display:none;}
.wars_pop{ width:1000px; height:562px; position:fixed; left:50%; top:100px; z-index:11100; margin-left:-500px; _position:absolute; _top:expression(documentElement.scrollTop + 100); display:none;}
.wars_pop .close{ width:50px; height:50px; background:url(../../../images/special/160415/close2.png) no-repeat; position:absolute; right:-60px; top:-60px;}
.wars_pop .video_wrap_pop{width:1000px; height:562px;}

/*返回顶部*/
.btn-top{ position:fixed; left:50%; width:49px; height:49px; z-index:1000; bottom:92px; margin-left:600px; _position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop + 400); display:none;}

@media screen and (max-width:640px){
.pubTopNav{display:none;}
.copyright{min-width:100%; height:40px; padding:10px 0;}
.cop_dg{ display:none;}
.btn-top{ width:35px; height:35px; margin-left:33%;}
.btn-top img{width:100%; height:100%;}
.wrapper{ width:auto; margin:0 10px 10px;}
.h3_title{margin:15px 0; padding-bottom:10px; background-size:100% auto;}
.h3_title img{ height:20px;}
.banner_wrap{ height:auto; background-size:200% auto;}
.banner_wrap .banner{ width:auto; height:100%; padding:10px;}
.banner_wrap .banner .kangzhan{ width:100%; margin-top:0;}
.banner_wrap .banner .bianhao{ padding:10px 0 80px;}
.banner_wrap .banner .logo{ width:40px; right:35px; top:130px;}
.banner_wrap .banner_notes{ width:94%; height:auto; padding:15px 3% 0;}
.banner_wrap .btns_war{ display:none;}
.banner_wrap .pinglun_war{ height:auto; margin-bottom:0; overflow:visible;}

/*头条*/
.focus_war{ margin-bottom:10px;}
.video_wrap_focus{width:100%; height:auto; min-height:221px; float:none;}
.headline{width:100%; margin-top:10px; float:none;}
.headline .top{ font-size:20px;}
.headline .title{ font-size:18px;}

/*精彩片段*/
.pianduan{ width:100%; padding-top:0;}
.pianduan dl{width:100%; margin:0 0 10px 0; display:block; float:none;}
.pianduan dl dt{width:100%; height:auto;}
.pianduan dl dt a{ height:auto;}
.pianduan dl dt img{ height:auto;}

/*大家评说*/
.tab_pingshuo{ display:none;}
.list_pingshuo{ height:auto;}
.list_pingshuo .list{ height:auto; display:block; margin-bottom:15px;}
.list_pingshuo .list .ps_l{ width:100%; height:auto; margin-bottom:10px; float:none;}
.list_pingshuo .list .ps_l .people{ width:130px; height:50px; top:auto; bottom:0;}
.list_pingshuo .list .ps_l .people .number{ width:20px; height:34px; left:15px; top:12px;}
.list_pingshuo .list .ps_l .people .number.top0{background-size:100% 100%;}
.list_pingshuo .list .ps_l .people .number.top1{background-size:100% 100%;}
.list_pingshuo .list .ps_l .people .number.top2{background-size:100% 100%;}
.list_pingshuo .list .ps_l .people .number.top3{background-size:100% 100%;}
.list_pingshuo .list .ps_l .people .name{ padding:12px 0 0 50px; font-size:20px;}
.list_pingshuo .list .ps_r{ width:100%; float:none;}
.list_pingshuo .list .ps_r .title{ font-size:18px; line-height:1.5em;}

/*情系香港*/
.xianggang .qingxi{width:100%; margin-bottom:10px; float:none;}
.xianggang .qingxi_right{width:100%; height:auto; min-height:221px; float:none;}
.video_wrap_xg{width:100%; height:auto; min-height:221px; float:none;}

/*报业巨擘*/
.baoyejubo .jubo_info{ display:none;}
.baoyejubo .jubo_list{ width:104%; padding-left:0; margin-left:-2%; float:none;}
.baoyejubo .jubo_list .item{ width:45.5%; height:235px; margin:0 0 12px 3%;}

/*传世名篇*/
.mingpian{ height:auto;}
.mingpian a{ position:static;}
.mingpian a:hover .mask{ display:none;}
.mingpian a img{ height:auto; margin-bottom:15px;}
.mingpian .item0, .mingpian .item1, .mingpian .item2, .mingpian .item3, .mingpian .item4, .mingpian .item5, .mingpian .item6, .mingpian .item7, .mingpian .item8{ width:100%; height:auto;}

/*出品方*/
.chupin_wrap .chupin{ width:auto; padding:20px 10px;}
.chupin_wrap .chupin ul{ float:none;}
.chupin_wrap .chupin .part1{ width:100%; height:auto; padding:0; background:none;}
.chupin_wrap .chupin .part2{ width:auto; height:auto; padding-left:65px; background:none;}
.chupin_wrap .chupin .part3{ width:auto; padding-left:65px;}
.chupin_wrap .chupin .part4{ width:auto; padding-left:65px; padding-top:0;}
.chupin_wrap .chupin .part5{ width:auto; padding-left:65px;}

/*弹出层*/
.black{ background:#000;}
.wars_pop{ width:100%; height:210px; top:50%; left:0; margin:-105px 0 0 0;}
.wars_pop .video_wrap_pop{width:100%; height:210px;}
.wars_pop .close{ width:30px; height:30px; background-size:100% 100%; right:20px; top:-50px;}

}
@media screen and (max-width:375px){
.video_wrap_focus{ min-height:199px;}
.xianggang .qingxi_right{min-height:199px;}
.video_wrap_xg{ min-height:199px;}
.baoyejubo .jubo_list .item{ height:210px;}
}
@media screen and (max-width:360px){
.video_wrap_focus{ min-height:191px;}
.xianggang .qingxi_right{min-height:191px;}
.video_wrap_xg{ min-height:191px;}
}
@media screen and (max-width:320px){
.video_wrap_focus{ min-height:168px;}
.xianggang .qingxi_right{min-height:168px;}
.video_wrap_xg{ min-height:168px;}
}