@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 593233 */
  src: url('//at.alicdn.com/t/font_593233_otsp9zstu3.eot');
  src: url('//at.alicdn.com/t/font_593233_otsp9zstu3.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_593233_otsp9zstu3.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_593233_otsp9zstu3.woff') format('woff'),
  url('//at.alicdn.com/t/font_593233_otsp9zstu3.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_593233_otsp9zstu3.svg#iconfont') format('svg');
}
.iconfont,.video-pic .flower{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body{overflow-x:hidden;}
body{font-family:"Microsoft YaHei";padding-top: 60px;}
a:focus{outline:none;}
a:focus,a:hover,a:link{text-decoration:none;}
li,ol,ul{margin:0;padding:0;list-style:none}
.player-shrink.icon-left:before,.icon-left:before{ content: "\e8ff"; }
.player-shrink:before,.icon-right:before{ content: "\e65e"; }
.icon-house:before { content: "\e626"; }
.icon-flower:before { content: "\e614"; }
@media only screen {
body.modal-open{ padding:0px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}
.p-0{padding:0!important}
.pl-0{padding-left:0px!important;}
.pr-0{padding-right:0px!important;}
.pg-0{ padding-left:0px!important;padding-right:0px!important;}
.m-0{margin:0!important}
.pt-0{ padding-top:0px!important}
.pb-0{ padding-bottom:0px!important}
.mt-0{ margin-top:0px!important}
.mb-0{margin-bottom:0px!important}
.mg-0{ margin-left:0px!important;margin-right:0px!important;}
.text-overflow{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%;}
.loading,.kong{text-align:center;}


.layout-box,.layout-box-no{margin-top:20px;padding:15px}
.layout-box [class*=col-],.details-star [class*=col-],.layout-box-main [class*=col-],.layout-box-no [class*=col-]{padding:10px}
.box-main-content{padding-left:0}
.box-main-side{padding-left:5px;padding-right:0}
.box-main-side .side:last-child{border-bottom:0}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:10px 0}

.navbar{border-radius: 0px; border:none;margin-bottom:10px;position: fixed;top: 0;z-index: 999;width: 100%;}
.navbar-header .navbar-brand{font-size:1.1em;}

.navbar-nav > li  .more{cursor:pointer;}
.navbar-nav > li  .more .iconfont{ margin-left:8px;}

.navbar-toggle.navbar-navmore{padding:8px 5px 0 5px;margin-right:0px;float:right;}
.navbar-toggle{margin-top:0px; margin-bottom:0px;cursor:pointer;}

.navbar-toggle.navbar-playlog,.navbar-toggle.navbar-search{padding:8px 10px 0 10px;margin-right:0px;float:right;cursor:pointer;}



.navbar-toggle.navbar-login{padding:8px 5px 0 5px;margin-right:0px;float:right;}
.navbar-toggle.navbar-login .iconfont{ padding:0 4px;}

.user_login .nav-avatar span,.nick-name img,.navbar-login .nav-avatar span{display:none}
.nav-avatar{height:28px;line-height:28px; padding:0px;}
.nav-avatar img{width:28px;height:28px;border-radius:28px;}
.drop-box{position:absolute; margin-left:-32px;top:55px;z-index:9999;padding:10px 0;display:none;word-break:keep-all;border-radius: 6px;}
.drop-box:after,.drop-box:before{border:11px solid transparent;border-bottom:11px solid;width:0;height:0;position:absolute;top:-22px;right:42%;content:' ';visibility:visible}
.ui-signed li{padding:10px 15px;display:block}


.vod-swiper-4 ul li,.vod-swiper-5 ul li,.vod-swiper-6 ul li,.news-switch-3 ul li,.news-switch-4 ul li,.news-switch-5 ul li{padding:10px}

.box-slide .slide-title{display:block;width:100%;position:absolute;bottom:0;left:0;padding:30px 0 40px;background-repeat:no-repeat;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));font-size:14px;color:#fff;text-align:center}
.box-slide .slide-info{line-height: 24px;font-size: 14px;padding-top:10px;overflow:hidden; height:82px}
.swiper-pagination-bullet{width:18px;height:4px;margin:0 2px;background:#fff;border-radius:0}
.swiper-button-next,.swiper-button-prev,.player-shrink{width:20px;height:50px;line-height:50px;text-align:center;background-size:auto;border-radius:2px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0;background:0 0;background-color:rgba(0,0,0,.6)}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0;background:0 0;background-color:rgba(0,0,0,.6)}
.swiper-button-next .glyphicon,.swiper-button-prev .glyphicon{font-size:12px;color:#fff}
.box-slide .slide-info-page{top:60%;}
.box-title{ padding:10px; text-align:inherit}
.box-title h3,.box-title h2,.box-title h1{display:inline-block;font-size:18px;}
.box-title h3 .icon,.box-title h2 .icon,.box-title h1 .icon{display:inline-block;margin-right:5px;font-size:24px;vertical-align:2px;float:left; margin-top:-2px;}

.box-title-nav{ margin-right:50px;}
.box-title-nav li{float:left; padding:0 5px}
.box-title-nav li a{display:block;padding:6px 10px;text-align:center;border-radius:4px}

.box-video-list .title h5 {margin: 10px 0 0;}
.title h2,.title div {margin: 10px 0 0;font-size:16px;}
.video-pic,.star-pic{display:block;position:relative;padding-top:140%;background: url(pic.png) no-repeat top center #f3f3f3;background-size:cover;}
.slide-pic{display:block;position:relative;padding-top:150%;}
.video-pic .player,.slide-pic .player{text-indent: 15px;position: absolute;top: 0;left: 0;z-index: 1;display: block;height: 100%;width: 100%;opacity: 0;filter: alpha(opacity=0);-moz-transition: opacity 0.2s;-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;transition: opacity 0.3s;color: #FFF;}
.video-pic .player:hover,.slide-pic .player:hover{background: rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); opacity: 1; text-align:center}
.video-pic .player:hover:before,.slide-pic .player:hover:before{content:"\e63a";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 33px; top:40%; position:relative;}

.video-pic .text-bg-c,.video-pic .text-bg-l,.video-pic .text-bg-r,.slide-pic .text-bg-c,.slide-pic .text-bg-l,.slide-pic .text-bg-r{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding:5px 10px;background-repeat:no-repeat;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.5));font-size: 12px;color: #fff;}
.video-pic .text-bg-c,.slide-pic .text-bg-c{ text-align:center}
.video-pic .text-bg-l,.slide-pic .text-bg-l{ text-align:left}
.video-pic .text-bg-r,.slide-pic .text-bg-r{ text-align:right}
.video-pic .note,.slide-pic .note{padding:5px 10px;}

.video-pic .score,.slide-pic .score{position: absolute;top: 5px;left:-5px;padding: 0 5px;text-align:right;font-size: 12px;}
.video-pic .score::before,.slide-pic .score::before{content: "";position: absolute;left: 1px;bottom: -4px;}
.video-pic .tips,.video-pic .tv,.slide-pic .tips,.slide-pic .tv,.new-tip{padding:1px 10px;position: absolute;top: 0;right: 0;font-size: 12px;color: #fff;}
.video-pic .tv,.slide-pic .tv{z-index:2}


.video-pic .top{position:absolute;top:0;left:0;z-index:5;overflow:hidden;width:55px;height:55px;line-height:20px;}
.video-pic .top:after{ content: "";width: 100%;height:100%;position:absolute;z-index:6;background-color:#999;-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.video-pic .top em{ position:absolute;top:0;left:0;text-align:center;color:#fff;z-index:10;font-size:16px;width:15px;}
.video-pic .top:after{width:55px;height:55px;top:-27px;left:-27px;}

.hotlist:nth-child(2) .video-pic .top::after,.hotlist:nth-child(3) .video-pic .top::after{background-color:#f30;}
.hotlist:nth-child(4) .video-pic .top::after,.hotlist:nth-child(5) .video-pic .top::after{background-color:#f46767;}
.hotlist:nth-child(6) .video-pic .top::after,.hotlist:nth-child(7) .video-pic .top::after{background-color:#fba4a4;}

.video-pic .tv_info,.slide-pic .tv_info{width:100%; padding-bottom:15px;position: absolute;left: 0;top: 0px;_top: -1px;background: url(mask_bg.png) 0 bottom repeat-x;color: #fff;overflow: hidden;text-indent: 4px;cursor: pointer;overflow: hidden;_filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=0 ); z-index:1}
.video-pic .tv_info p,.slide-pic .tv_info p{padding:0px; margin:0px}
.video-pic .tv_info .icon,.slide-pic .tv_info .icon{ font-size:22px; margin-right:10px;}
.box-video-list .subtitle{margin-top:5px;font-size:12px;}


.box-video-text-list ul {margin:10px 10px;}
.box-video-text-list ul li{float:left;padding:9px 0px;}
.box-video-text-list ul li.list{width:100%;border-top:none;margin:8px 0px;}
.box-video-text-list ul li.list1{width:100%}
.box-video-text-list ul li.list2{width:50%}
.box-video-text-list ul li.list4{width:25%;}
.box-video-text-list ul li.list3{width:33%}
.box-video-text-list ul li.list5{width:20%}
.box-video-text-list ul li.list6{width:16.66%}
.box-video-text-list ul li .title{ margin:0 10px;}
.box-video-text-list ul li .num{margin-right:10px;padding:5px 10px; font-size:12px;}
.box-video-text-list ul li span i{font-size:12px}
.box-video-text-list ul li .key{float:left; margin-right:6px}
.box-video-text-list ul li .hits{float:right; margin-right:5px;}
.box-video-text-list ul li .time{float:right; margin-right:15px;}


.star-video-list .box-star-list {padding-top:5px; margin-right:5px; margin-right:5px; display:none}
.box-star-list .star-pic{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); text-indent:inherit}
.star-video-list .box-star-list.active{ display:block}


.box-topic-list .item .details{padding:10px 10px 20px}
.box-topic-list .item .details span{display:block;font-size:12px}
.box-topic-list .item .details span.name{margin:10px 0 10px;font-size:16px}
.box-topic-content .head{margin-bottom:20px}
.box-topic-content .head h3{font-weight:700;padding-bottom:20px}
.box-topic-content .item{line-height:25px}

.box-video-head{padding:10px}
.box-video-head h4{padding-bottom:15px}
.box-video-head h3{display:inline-block;font-size:18px}
.box-video-head h3 .icon{display:inline-block;margin-right:10px;font-size:24px;vertical-align:2px}
.box-video-head li{display:inline-block;line-height:30px}
.box-video-head li a{padding:0 15px}
.box-video-head li:first-child a{border-left:0}
.box-video-head li.active a{padding-right:0}

/*翻页*/
.box-page{margin:20px 0;text-align:center}
.box-page ul li{display:inline-block;padding:0;margin-left:10px}
.box-page ul li span,.box-page ul li a{display:inline-block;padding:8px 15px;border-radius:4px}
.box-page-page-block{padding:30px}
.modal-body-tab{ display:none}
.modal-body-tab.active{ display:block}

.box-footer-link{padding:10px}
.box-footer-link ul li{width:10%;float:left}



/*底部*/
.box-footer{padding:10px 0px}
.box-footer p{text-align:center;}
.footer-nav{ margin:10px auto;text-align:center;}
.footer-nav a{ margin:0 10px; float:none;}


.box-video-details{margin-top:50px; position:relative}

.details-pic{padding:0px; margin:0px;position:relative}
.details-pic .video-pic{padding-top:145%;}
.details-info{padding:10px 15px;}
.details-star{width:31%;float:right;padding:10px;}








.details-story  h4,.details-tv  h4,.details-title h1{ font-size:15px; padding:10px 10px;}
.details-story  h1{font-size:18px; padding:10px 10px;}
.details-story  h4 em,.details-story  h1 em,.details-tv em,.details-title h1 em{font-style:normal}
.details-story a{ margin:0 5px;}
.details-title.story h1{ margin:0px; padding:0px;float:left; background-color:inherit}

.details-title{ padding:5px 0px}
.details-title span{ margin:0 10px;}
.details-page{ margin-top:20px;}
.details-content{font-size:16px;line-height:30px;margin:15px 5px 15px 5px}
/* .details-content p{text-indent:2%;} */
.details-content img{max-width:700px;width:expression(this.width > 700 && this.height < this.width ? 700:true);height:auto;margin:10px auto;display:block; padding:1px}
.details-content img.loading{background:url(loading.gif) no-repeat center;display:block;}
.details-content .swiper-button-next,.details-slide .swiper-button-next, .details-slide .swiper-button-prev, .details-content .swiper-button-prev{width: 28px;height: 58px;line-height:58px;display:none}

.details-images{position:relative;overflow: hidden;clear: both;}
.contextDiv:hover .swiper-button-next,.contextDiv:hover .swiper-button-prev{display:block}
.details-image-title,.details-slide .swiper-pagination-fraction{font-size: 25px;font-family:Georgia, "Times New Roman", Times, serif; bottom:35px;}


[class*=col-].player_right{padding:0px; padding-right:10px; margin-left:15px;}

.prevnext a{ width:50%;float:left;padding: 8px 5px;display: block;float: left;text-align: center;}

.layout-box .actor-main{ padding:5px;}
.layout-box .actor-box{padding:0 5px 10px 5px;}
.layout-box .more-click{ padding:8px 10px; margin:0 5px;cursor: pointer; clear:both}

.news_details h1{ margin-top:10px; font-size:18px; text-align:center}
.news_top span{ margin:0 8px}

.container.star_hot_box{position:relative;z-index:1;}
.container.star_hot_box .star_hot_nav{margin-top:-258px;}
#flower{cursor: pointer;}
.flower{ z-index:3;position: absolute;top:0px;right:0px;background: url(flower.png) no-repeat center 8px; padding:0 30px 65px 30px}
.star_hits{position: absolute;top:10px;right:20px; color:#F18167;font-style:italic}
.flower.hover:hover{background-color: rgba(128,128,128,.48);}
.video-pic .num{position: absolute;top: 0px;left:0px;padding: 5px 10px;text-align:right;font-size:12px;}
.fnum{position:absolute;top:35px;right:5px;padding: 5px 10px; text-align:center;font-size:12px;line-height: 21px;}


}
@media (min-width: 1200px) {
}
@media (max-width:990px){
.nav-search{width:150px;}	
.box-main-content,.box-main-side{padding:0}	
.box-title-nav{ margin-top:10px;margin-right:0; float:none; clear:both}
.box-title-nav ul li{float:left;width:33.3%;padding:5px; display:block}
.box-title{ padding:5px 0px;}
.box-main-c{ padding:10px 0}

.layout-box .player_left{margin:0px; padding:0px;}
.star_hot{ height:auto}
.container.star_hot_box .star_hot_nav{position:static}
[class*="col-"].player_right{ margin-left:2px;}
}

@media (max-width:767px){
.video-pic .player,.slide-pic .player,.star_hot::before,.star_hot::after{ display:none}	
.layout-box,.layout-box-no{margin-top:10px;padding:5px}
.layout-box:first-child,.layout-box-no:first-child{margin-top:0}
.tv_list_box .layout-box:first-child{margin-top:10px; padding:10px;}
.layout-box.active,.layout-box-no.active{margin-top:10px}
.layout-box [class*=col-],.layout-box-no [class*=col-]{padding:5px}
.navbar-collapse{ padding:5px;}
.box-main-content,.box-main-side{margin-top:10px}
.box-main-content:first-child{margin-top:0}
.box-main-c{ padding:20px 0}

.box-video-footer{margin-top:10px;padding:0 5px; clear:both}
.box-video-footer a{display:block;padding:10px 0 5px}	
.navbar-nav{margin-top:5px;margin-left:-5px;margin-right:-5px;}
.navbar-nav > li{display:inline-block;float:left;width:25%;padding-left:5px;padding-right:5px;text-align:center;margin-top:5px;}
.navbar-nav > li a{font-size:1.0em;padding-left:0;padding-right:0;border-radius: 4px;}
.box-title h3 .icon{margin-top:-3px;font-size:22px;}
.box-title h3{font-size:16px;}
.box-title .more{margin-top:-3px;}
.box-video-head{padding:10px 5px}
.box-video-head h4{font-size:16px}
.box-video-head h3{padding:0;font-size:16px}
.box-video-head h3 .icon{margin-right:5px;font-size:18px;vertical-align:0}
.box-video-head li a{line-height:20px;font-size:12px;border:0}
.box-footer{padding:20px 0}
.box-page{padding:0}
.box-page ul li{float:left;width:20%;margin:0;padding:0 5px}
.box-page ul li span,.box-page ul li a{display:block;padding:5px 0;text-align:center}

.box-video-text-list ul li.list2{width:100%}
.box-video-text-list ul li .time{ font-size:12px;}



.vod-swiper-4 ul li,.vod-swiper-5 ul li,.vod-swiper-6 ul li,.news-switch-3 ul li,.news-switch-4 ul li,.news-switch-5 ul li{padding:5px}

.collapse{display: none;}

.details-play-title ul li:nth-child(2) a,.details-play-title ul li.player-more a,.details-play-title .nav-tabs > li.mplayer >a{ padding-right:20px;}


.comment-post-arrow,.comment-avatar,.box-page .total,.news-avatar{display:none}
.comment-post,.comment-focus .news-box,.comment-post-self{width:100%}

ul.smileBox{width:300px;}
.details-content{margin:10px 5px 10px 5px}
.details-content img,.details-slide img{width:100%;height:auto;display:block;margin:10px auto;}
.layout-box .more-box{ padding-right:0px;}
.layout-box .actor-box{padding:0 5px 10px 0;}
.layout-box .more-click{margin:0;}
.details-info-min,.star-info-min{ margin-top:5px;}

.container.star_hot_box .star_hot_nav{position:static; margin-top:inherit}
[class*="col-"].player_right{ margin-left:5px;}




}
@media (max-width:320px){
.collapse{display: none;}	
}