@charset "utf-8";
body {font-family:arial, microsoft yahei, \5b8b\4f53, sans-serif; font-size:12px; font-weight:normal; color:#333; background:url(../../../images/special/160201/bg_body.jpg) repeat; position:relative;}
* {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:80px; padding:10px 0 0; font:12px/20px arial,simsun; color:#000; text-align:center; margin:0 auto;}
.copyright .cop_dg a{color:#000;}
.copyright .cop_dg a:hover{color:#000;}
.copyright .cop_dg span{color:#000;}
.copyright .p-cut{font:12px/22px arial;margin-top:10px;}

/*正文*/
.bg_bainian{ width:100%; height:1470px; background:url(../../../images/special/160201/bg_bainian.jpg) center top no-repeat; position:absolute; left:0; top:30px; z-index:-1;}
.banner{ width:1183px; height:505px; margin:0 auto;}
.wrapper{ width:1000px; height:auto; margin:0 auto;}
.allstars{width:100%; height:auto; padding:25px 0; background:url(../../../images/special/160201/bg_white.png) repeat; border-radius:8px;}
.allstars .video_wrap{width:800px; height:450px; margin:0 auto;}
.h3_title{ height:56px; padding:40px 0 30px; text-align:center;}
.h3_title img{ height:100%;}

/*列表*/
.list_stars{ width:100%; height:auto;}
.list_stars .list{width:100%; height:auto; margin-bottom:30px; background:url(../../../images/special/160201/bg_white.png) repeat; border-radius:8px;}
.list_stars .list .left{ width:400px; height:300px; float:left; cursor:pointer; position:relative;}
.list_stars .list .right{ width:540px; height:300px; padding:0 30px; float:left; position:relative;}
.list_stars .list .pic{ width:100%; height:100%; border:none; border-radius:8px 0 0 8px;}
.list_stars .list .mask{ width:100%; height:100%; background:url(../../../images/special/160201/bg_black_30.png) repeat; position:absolute; left:0; top:0; border-radius:8px 0 0 8px;}
.list_stars .list .ico_play{ width:70px; height:70px; background:url(../../../images/special/160201/play.png) no-repeat; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px;}
.list_stars .list:hover{ box-shadow:0 0 10px #e68791;}
.list_stars .list:hover .mask{display:none;}
.list_stars .list .title{ padding:30px 0 25px; font-size:28px; font-weight:bold; color:#ac9e38;}
.list_stars .list .wishing{ padding:0 50px 0 55px; line-height:32px; font-size:18px; font-weight:bold; color:#e30920; position:relative;}
.list_stars .list .wishing .txt{ display:block; text-indent:2em;}
.list_stars .list .wishing .yinhao_l{ width:38px; height:30px; background:url(../../../images/special/160201/yinhao_l.png) no-repeat; position:absolute; left:0; top:6px;}
.list_stars .list .wishing .yinhao_r{ width:38px; height:30px; background:url(../../../images/special/160201/yinhao_r.png) no-repeat; position:absolute; right:0; bottom:0;}
.list_stars .list .btn_play{ width:78px; height:26px; line-height:26px; padding-left:20px; border:1px solid #e30920; font-size:14px; color:#e30920; text-align:center; background:url(../../../images/special/160201/ico_play.png) 25px center no-repeat; cursor:pointer; border-radius:5px; position:absolute; left:30px; bottom:30px;}

/*弹出层*/
.black{ width:100%; height:100%; background:url(../../../images/special/160201/bg_black.png) repeat; position:fixed; left:0; top:0; z-index:11000; _position:absolute; display:none;}
.stars_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;}
.stars_pop .close{ width:50px; height:50px; background:url(../../../images/special/160201/close.png) no-repeat; position:absolute; right:-60px; top:-60px;}
.stars_pop .video_wrap_pop{width:1000px; height:562px;}

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

@media screen and (max-width:640px){
.pubTopNav{display:none;}
.copyright{width:100%; height:auto; padding:0 0 20px;}
.cop_dg{ display:none;}
.btn-top{ width:35px; height:35px; margin-left:33%;}
.btn-top img{width:100%; height:100%;}
.bg_bainian{ height:320px; background-size:100% auto; top:0;}
.banner{ width:100%; height:auto;}
.banner img{ width:100%; height:auto;}
.wrapper{ width:auto; margin:10px 10px 0;}
.allstars{ padding:0; background:none;}
.allstars .video_wrap{width:100%; height:auto; min-height:221px; float:none;}
.h3_title{ height:24px; padding:20px 0 15px;}
.list_stars .list{ margin-bottom:20px; border-radius:0;}
.list_stars .list .left{ width:100%; height:auto; float:none;}
.list_stars .list .pic{ height:auto; border-radius:0;}
.list_stars .list:hover{ box-shadow:0 0 0 #e68791;}
.list_stars .list .right{ width:92%; height:auto; padding:0 4% 55px 4%;}
.list_stars .list .title{ padding:15px 0 10px; font-size:20px;}
.list_stars .list .wishing{padding:0 30px 0 35px; line-height:28px; font-size:16px;}
.list_stars .list .wishing .yinhao_l{width:28px; height:22px; background-size:100% 100%}
.list_stars .list .wishing .yinhao_r{width:28px; height:22px; background-size:100% 100%}
.list_stars .list .btn_play{ bottom:15px; left:50%; margin-left:-50px;}
.black{ background:#000;}
.stars_pop{ width:100%; height:210px; top:50%; left:0; margin:-105px 0 0 0;}
.stars_pop .video_wrap_pop{width:100%; height:210px;}
.stars_pop .close{ width:30px; height:30px; background-size:100% 100%; right:20px; top:-50px;}
}
@media screen and (max-width:375px){
.allstars .video_wrap{ min-height:199px;}
}
@media screen and (max-width:360px){
.allstars .video_wrap{ min-height:191px;}
}
@media screen and (max-width:320px){
.allstars .video_wrap{ min-height:168px;}
}