@charset "utf-8";
/* 公共  */
body{position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-family: "Microsoft YaHei"; background: #000; color: #ccc;} 
body:before{ content: ""; width: 100%; height: 600px; position: absolute; top: 0; left: 0; z-index: -1; background: url(../bg.jpg) center no-repeat;}
body:after{ content: ""; width: 100%; height: 500px; position: absolute; bottom: 0; left: 0; z-index: -1; background: url(../bg_foot.jpg) center no-repeat;}
ul, ol, li{margin:0;padding:0;list-style:none;}
input{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input[type=radio], input[type=checkbox]{ margin:0;}
select{outline: medium none; border: 0; border-radius: 0; background: none;}
h1, h2, h3, h4, h5, h6 ,a{ color: #ccc;}
a:hover{ color: #d4fd45;}
a:hover,a:focus,a:link{text-decoration: none;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.min-container{ width: 990px; margin:0 auto;}
.layout{margin-top: 50px;}
.layout [ class*="col-" ]{ padding: 15px;}
.layout-main [ class*="col-" ]{ padding: 10px; }
.main-content{ padding-left: 0;}
.main-side{ padding-left: 5px; padding-right: 0;}
.text-muted{ color: #999;}
.text-red{ color: red;}
.p0{ padding: 0 !important;}
.m0{ margin: 0 !important;}
.text-overflow{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.number{display: inline-block; margin-right: 10px; padding: 2px 5px; font-style: inherit; font-size: 12px; background-color: #222; color: #666;}
.number.active{background-color: #d4fd45; color: #333;}
.lineh{display: inline-block; margin: 0 15px 0; width: 1px; height: 14px; background-color: #222; vertical-align: -2px;}
.topline{ position: relative; background-color: rgba(34,34,34,0.3);}
.topline:hover{ background-color: rgba(34,34,34,0.6);}
.topline:before{ content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-left: 1px solid #222; border-top: 1px solid #222;}
.topline:after{ content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-right: 1px solid #222; border-top: 1px solid #222;}
.bottomline{ position: absolute; width: 100%; bottom: 0; left: 0;}
.bottomline:before{content: ""; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; border-left: 1px solid #222; border-bottom: 1px solid #222;}
.bottomline:after{content: ""; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; border-right: 1px solid #222; border-bottom: 1px solid #222;}
/*头部导航*/
.logo{ margin-top: 10px;}
.logo,.logo img{ width: 140px; height: 60px;}
.navlist > li{ position: relative; float: left;}
.navlist > li > a{display: block; margin-top: 20px; margin-left: 15px; font-size: 16px; padding:5px 10px; border-radius: 5px; color: #fff;}
.navlist > li.active > a{ background-color: #d4fd45; color: #333;}
.search{ padding: 30px 0 50px;}
.search .title{ width: 460px; margin:20px auto; font-size: 24px; font-weight: 100; color: #fff; text-align: center;}
.search .form{position: relative; height: 50px; width: 460px; margin: 0 auto; padding: 5px; border-radius: 2px; background-color: rgba(255,255,255,0.2);}
.search .form  .form-control{height: 40px; border-radius: 4px; padding-right: 90px; border: 0; background-color: #f5f5f5;}
.search .form  .open{display: block; position: absolute; top: 5px; right: 5px; width: 80px; height: 40px; line-height: 40px; text-align: center; border-radius:0 4px 4px 0; background-color: #d4fd45; color: #333;}
/* 公共标题 */
.layout-head{position: relative; padding-left: 15px; border-bottom: 1px solid #222;}
.layout-head h4{display: inline-block; position: relative; margin:0; padding-bottom: 15px; border-bottom: 2px solid #d4fd45; font-size: 16px; color: #d4fd45;}
/* 切换卡 */
.layout-tabs .nav-tabs{position: relative; padding-left: 15px; border-bottom: 1px solid #222;}
.layout-tabs .nav-tabs li{ margin: 0 30px 0 0;}
.layout-tabs .nav-tabs li a{padding:0 0 10px; font-size: 16px; border: 0; background: none; border-radius: 0;}
.layout-tabs .nav-tabs li.active a,.layout-tabs .nav-tabs li.active a:hover,.layout-tabs .nav-tabs li.active a:focus{ border-radius: 0; border: 0; background: none; border-bottom: 2px solid #d4fd45; color: #d4fd45;}
.layout-tabs .nav-tabs.active li{ float: right; margin: 0 0 0 30px;}
/* 视频列表 */
.video-list .cover{display: block; position: relative; padding-top: 150%; background-repeat: no-repeat;}
.video-list .cover .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.3) url(../play.png) center no-repeat;}
.video-list .cover:hover .play{ display: block;}
.video-list .cover .bottomtext,.video-list .cover .topictext{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; text-align: center;}
.video-list .cover .bottomtext.active{ font-size: 14px; padding: 10px;}
.video-list .cover .slidetitle{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 30px 0 30px; background-repeat: no-repeat; background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); font-size: 16px; color: #fff; text-align: center;}
.video-list .title a{display: block; padding:10px 0 5px; color: #fff;}
.video-list .title .score{ color: #d4fd45;}
.video-list .subtitle{font-size: 12px;}
.video-list1 .item{display: block; position: relative; z-index: 2; padding: 30px 15px 25px 85px; height: 105px; border-bottom:1px dashed #222;}
.video-list1 .item .video-list{ position: absolute; top: 15px; left: 15px; z-index: -1; width: 50px; padding: 2px; background-color: #222;}							
.video-list1 .item:hover{z-index: 3; background-color: rgba(34,34,34,0.6);}
.video-list1 .item:hover .video-list{top: 0; left: -80px; width: 150px; padding: 5px;}					
.video-list1 .item .title{ margin-bottom: 10px;}
.video-list1 .item .title span{display: inline-block; margin-left: 5px; color: #666;}
.video-list1 .item .title .score{ color: #d4fd45;}
.video-list1 .item .subtitle a,.video-list1 .item .subtitle span{ display: inline-block; margin-right: 10px; font-size: 12px; color: #666;}
.video-list1.active li{ padding:30px 0 20px;}
.suboption{ margin: 15px 0 0;}
.suboption dt{position: relative; margin-bottom: 10px;font-weight: 400; color: #d4fd45;}
.suboption dt:before{ content: ""; position: absolute; top: 55%; left: 50px; width: 100%; height: 1px; background-color: #222;}
.suboption a{ display: block; float: left; width: 25%; margin-bottom: 5px;}								
.hitlist li{width: 100%; padding-top: 15px;}
.hitlist li .score{ color: #d4fd45;}
.side-head h4{margin:15px 0 0; font-size: 16px; color: #d4fd45;}
.smallmenulist{ padding:0 15px; border-bottom: 1px solid #222;}
.smallmenulist a{ display: inline-block; padding: 10px 0;}
/* 小筛选  */
.min-screen{padding:20px 5px;}
.min-screen dl{position: relative; float: left; width: 33.33%; min-height: 70px; margin: 0; padding:0 0 0 20px; border-left: 1px solid #222;}
.min-screen dl:before{ content: ""; position: absolute; top: 3px; left: -3px; width: 5px; height: 15px; background-color: #d4fd45;}
.min-screen dl:first-child{ border-left: 0;}
.min-screen dl:first-child:before{ display: none;}
.min-screen dl dt{ font-weight: 400; color: #d4fd45;}
.min-screen dl dd a{display:block; float: left; width: 16.66%; padding: 0; margin-top: 5px;}
/* 详情  */
.media{padding: 20px;}
.media .media-left{ padding-right: 20px;}
.media .media-heading{margin: 10px 0 10px; font-weight: bold;}
.media .media-cover{ width: 150px;}
.media .media-score{ margin-bottom: 20px;}
.media .media-score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px;}
.media .media-score .star{display: inline-block; position: relative; top: 5px; width: 160px; height: 25px; background: url(../star1.png) 0 0 no-repeat;}
.media .media-score .star .star-cur{display: inline-block; background: url(../star.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0;  z-index: 1;}
/* 播放/下载列表 */
.play-body{ padding: 0 10px;}
.playlist ul{ padding:10px 0 0 15px;}
.playlist li{ float: left; padding:10px 10px 0 0;}
.playlist li a{ display: inline-block; padding: 5px 15px; text-align: center; font-size: 12px; border: 1px solid #222;}
.playlist li a:hover,.playlist1 li a:hover{ background-color: #d4fd45; color: #333;}
.content-des{ padding: 20px 15px; font-size: 14px; line-height: 30px;}
.content-des img{ max-width: 100%;}
/* 播放页 */
.playinfo{ padding: 20px;}
.playinfo .play{ height: 520px; background-color: #000;}
.playinfo .foot{margin: 20px 0 0; line-height: 30px;}
.playinfo .foot > span a{ display: inline-block; margin-left: 15px; padding: 0 12px; border: 1px solid #222;}
.playinfo .foot > span a:hover{background-color: #d4fd45; color: #333;}
.playinfo .foot > span a .icon.active{ vertical-align: -1px;}
/*级联筛选*/
.screen .item{position: relative; padding: 20px;}
.screen .item .screenlist{position: relative; width: 100%; height: 50px; border-bottom: 1px dashed #222; overflow: hidden;}
.screen .item .screenlist:last-child{ border-bottom: 0;}
.screen .item .screenlist .reset{ position: absolute; top: 15px; right: 0; padding:0 5px;}
.screen .item .screenlist li{ float: left; line-height: 50px;}
.screen .item .screenlist li a,.screenlist li span{ display: block; margin-right: 15px; color: #666;}
.screen .item .screenlist li a.active,.screenlist li span.active{ color: #d4fd45;}
.screen .item .screenlist.letter li{ width: 3.7037%;}
.screen .item .screenlist.letter li a{ margin: 0;}
/*话题详情*/
.topic-detail{ padding: 10px;}
.topic-detail .head{position: relative; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #222;}
.topic-detail .des{ line-height: 30px;}
/*翻页*/
.crumb{padding: 20px; background-color: rgba(34,34,34,0.3);}
.page{text-align: center;}
.pagination>li>a, .pagination>li>span{ padding: 8px 18px; background: rgba(34,34,34,0.2); border: 1px solid #222; color: #666;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ background-color: #d4fd45; border-color: #d4fd45; color: #333;}
/*返回顶部*/
.gotop{ position: fixed; z-index: 2; right: 30px; bottom: 30px;}
.gotop > li{ padding: 10px 0 0 10px;}
.gotop > li > a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.gotop > li > a .icon{ font-size: 18px;}
.gotop > li > a{ background: rgba(34,34,34,0.5); color: #fff;}
/*友链*/
.link a{ display: inline-block; margin-bottom: 10px;}
/*footer*/
.bottom-footer,.bottom-footer a{ color: #666;}
@media (min-width: 992px){
.col-md-w-8{ float: left; width: 12.5%;}
	}
@media (max-width: 990px){
.min-container{ width: 95% ;}
.main-content,.main-side{ padding: 0;}	
.min-screen dl{ width: 50%;}
.video-list1 .item:hover .video-list{top: 15px; left: 15px; width: 50px; padding: 2px;}	
.screen{ position: relative; padding: 0;}
.screen .item{margin-left: 0; padding: 10px;}
.screen .item .screenlist.active{ border-bottom: 0;}
.screen .item .screenlist{ height: 40px;}
.screen .item .screenlist li{ line-height: 40px;}
.openlist{ display: inline-block; width: 40px; height: 50px; padding-top: 20px;}	
.openlist span{ display: block; margin-bottom: 4px; width: 30px; height: 4px; background-color: #fff;}
.sheet{position: fixed; height: 100%; top: 0; z-index: 9999; width: 30%; overflow-y: scroll; background-color: #222;-webkit-overflow-scrolling: touch;}
.sheet.right{right: -100%; -webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
.sheet.left{right: 0; -webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
.appnav .head{ padding: 15px;}
.appnav .head h4{ margin: 0; font-size: 16px;}
.appnav li a{display: block; padding: 15px; font-size: 14px; text-align: center; background-color: #333; border-bottom: 1px solid #222;}	
.mask{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 1001;}	
}
@media (max-width: 767px){	
body:before{height: 400px; background: url(../bg_min.jpg) top no-repeat; background-size: 100%;}
body:after{height: 300px; background: url(../bg_foot_min.jpg) bottom no-repeat; background-size: 100%;}
.layout{margin-top: 10px; padding:0 10px 10px;}
.layout.active{margin-top: 10px;}
.layout [ class*="col-" ]{ padding: 5px;}
.layout-head{ padding-left: 0; margin-bottom: 10px;}
.layout-tabs .nav-tabs{ padding-left: 0;}
.main-content,.main-side{ margin-top: 10px;}
.main-content:first-child{ margin-top: 0;}		
.topline:before,.topline:after,.bottomline,.bottomline:before,.bottomline:after{ display: none;}
.head-top{ padding: 0;}
.logo{margin-top: 0; margin-left: 10px;}	
.search { padding:0 10px 10px;}
.search .form{width: 100%; height: 40px;}
.search .form .form-control{ width: 100%; height: 30px;}	
.search .form .open{width: 60px; height: 30px; line-height: 30px;}
.video-list1 .item{ padding: 30px 5px 25px 60px; height: 105px; border-bottom:1px dashed #222;}
.video-list1 .item .video-list{ left: 0;}
.min-screen{padding: 0; background: none;}
.min-screen dl{ float: none; width: 100%; padding: 0; border-left: 0; margin: 0 0 10px;}	
.min-screen dl:before{ display: none;}	
.min-screen dl dt{ position: relative; overflow: hidden;}
.min-screen dl dt:before{ content: ""; position: absolute; top: 55%; left: 50px; width: 100%; height: 1px; background-color: #222;}
.media{ padding:0;}
.media .media-left{ padding-right: 10px;}
.media .media-heading{font-size: 16px; margin:0 0 10px;} 
.media .media-cover{ width: 120px;} 	
.media .media-body .actor{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.media .media-score{ margin-bottom: 10px;}
.media .media-score .branch{ font-size: 18px; line-height: 18px;}
.media .media-score .star{zoom: 70%; }	 
.play-body{ padding: 0 5px;}	
.playlist ul{ padding: 0;}
.content-des{ padding: 10px 0;}	
.playinfo{ padding: 0; background: none;}
.playinfo .play{ height: 260px; background-color: #222;}
.playinfo .foot{ margin:0;}	
.topic-detail{ padding: 0;}
.topic-detail .head h3{ font-size: 16px;}
.sheet{ width: 50%;}
.pagination>li>a, .pagination>li>span{ padding: 6px 12px;}
.crumb{ padding: 0 10px; background: none;}
}