.panel {margin-bottom: 0px;background-color: #fff;border: 0px solid transparent;}
.panel-heading{
	background-color: #fff!important;
	border-color: #444!important;
	border-bottom: 2px solid #444;
}
.panel-heading h2.panel-title, .panel-heading h1.panel-title, .panel-heading h3.panel-title {
    font-size: 1em;
    font-weight: bold;
    margin-left: 0;
    color: #333;
}
.panel-padding {padding: 10px 5px;}
ul.videos li{
	float: left;
	width: 90%;
	height: auto;
	margin: 0 4px 0 4px;
}
ul.videos li div.video-thumb img {
	width: 100%; 
	height: 100%; 
	object-fit: cover;
}
.video {position: relative;}
.video a {text-decoration: none;}
.video-title {
    width: 80%;
    overflow: hidden;
    height: 30px;
    line-height: 14px;
    display: block;
    font-weight: bold;
}
.video-overlay {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
.video-thumb {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 140px;
	box-shadow: darkgrey 1px 1px 5px 1px; 
	background: url(../images/loading.gif) center no-repeat;
	background-size: cover;
	}
.transparent {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
.thumbnail {
	border: medium none;
	margin-bottom: 0;
	font-size: .8em;
	font-weight: 500;
	color: #333;
}
.video-title {
	font-size: .8em;
	font-weight: 500;
	width: 100% !important;
    padding: 10px 5px !important;
    margin: 0em !important;
    height: 39px;
	color: #333;
}
.pagination > li > a, .pagination > li > span {
    background-color: #444;
    color: #ffffff !important;
}
.pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #e0726b;
    border-color: #e0726b;
    color: #ffffff !important;
    cursor: not-allowed;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #f8f8f8;
	border-color: #dddddd;
	color: #444 !important;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {border-bottom-right-radius: 2px;border-top-right-radius: 2px;}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {border-bottom-left-radius: 2px;border-top-left-radius: 2px;}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 5px 10px;
    font-size: 14px;
    border: 0px solid #ddd;
}
.pagination li.cur a{background-color: #eee;color: #444 !important;}
.form-control:focus {
	border-color: #444;
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:0 0;
}
body {
    line-height:1;
    font-family:Tahoma,'Microsoft Yahei',Simsun
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:'';
    content:none
}
:focus {
    outline:0
}
ins {
    text-decoration:none
}
del {
    text-decoration:line-through
}
table {
    border-collapse:collapse;
    border-spacing:0
}
a:link {
    text-decoration:none
}
a:visited {
    text-decoration:none
}
a:hover {
    text-decoration:none
}
a:active {
    text-decoration:none
}
.header {
    height:50px;
    width:100%;
    z-index:100;
    background: #444;
}
.header_main {
    width:985px;
    height:50px;
    margin:auto;
    line-height:50px
}
.right{
	margin-right:5px;
}
.font_white {
    color:#fff;
    font:14px/50px Tahoma,'Microsoft Yahei',Simsun;
    line-height:50px;
    float:left
}
.mail {
    float:right
}
.add {
    display:block;
    float:right;
    height:50px;
    width:80px;
    text-align:center;
    margin-left:20px;
}
.bottom {
    width:985px;
    height:170px;
    border-top:6px solid #fff;
    background: #444;
    text-align:center;
}
.bm {
    margin-top:20px;
    font-size:14px;
    font-weight:500;
    color:#fff;
    line-height:25px;
    text-align:center
}
.bm a {
	color:#fff;
}
.pt0{
	padding-top:0px!important;
}
.pt5{
	padding-top:5px!important;
}
.pt20{
	padding-top:20px!important;
}
.pt30{
	padding-top:30px!important;
}
.ml20{
	margin-left:20px;
}
.mr20{
	margin-right:20px;
}
.main {
    width:985px;
    height:100%;
    margin:auto
}
.nav {
    height: auto;
	background: #fff;
}
.nav .on {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #333;
    font-weight: bold;
}
.nav a {
    background: #444 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    line-height: 30px;
    margin: 0 .5% .5% .5%;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 15.6%;
    font-weight: bold;
}
.nav a:hover{ 
    background:#e5e5e5;
	color:#333;
	font-weight:bold;
}
.VIP {
    width: 100%;
    float: left; 
}
.VIP a {
    display:block;
    float:left;
    height:30px;
    width:23%;
    overflow:hidden;
    text-align:center;
    margin:0 1% .5% 1%;
    font:12px/30px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color:#fff;
	background: #444;
}
.VIP a img{
	padding-bottom:4px;
}
.VIP .hot{
    background:#49b8cf;
}
.VIP .on {
    background-color:#e5e5e5;
	color:#333;
}
.VIP a:hover {
    background-color:#e5e5e5;
	color:#333;
}
.notice_animate {
	display: inline-block;
	white-space: nowrap;
	animation: 20s wordsLoop linear infinite normal;
}
@keyframes wordsLoop {
	0% {
		transform: translateX(200px);
		-webkit-transform: translateX(200px);
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}
@-webkit-keyframes wordsLoop {
	0% {
		transform: translateX(200px);
		-webkit-transform: translateX(200px);
	}
	100% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
}
.notice {
	margin:3px 10px;
    overflow: hidden;
}
.notice_big_title {
    font: 14px/25px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: bold;
    color: #444;
    padding: 0 5px;
}
.notice_big_words {
    font-size:12px;
    color:#777;
}
.main_column {
    background-color:#fff;
}
.web_list {
    padding: 10px 1%;
    width:100%
}
.web_list a {
    display:block;
    height:30px;
    width:9.45%;
    overflow:hidden;
    background-color:#f5f5f5;
    border:1.5px solid #999;
    float:left;
    margin:0 0 .5% .5%;
    font:12px/28px Tahoma,'Microsoft Yahei',Simsun;
    font-weight:bold;
    color:#333;
    background:no-repeat 10px center;
    background-size:16px 16px;
    text-align: center;
}
.web_list a img{
	padding-bottom:4px;
}
.tips {
    padding:5px 1%;
}
.tips a {
    font-weight:bold;
    width:5.75%;
	border: 1.5px solid #e5e5e5;
}
.firsttips{
	width:12%!important
}

.web_list a:hover {
    background-color:#444;
    border-color:#444;
    color:#FFF
}
.user_list{
    background-color:#fff;
    height: calc(65vh - 0rem);
}
.user_list ul {
    padding-bottom:20px;
}
.user_list li {
    padding:0 1.5%;
}
.user_list a {
    font-size:10px;
	line-height:2rem;
	padding-left: 5px;
}
.user_main{
    background-color: #fff;
	min-height: 700px;
    /*height: calc(70vh - 0rem); */
}
.user_main_pd1{
	padding: 5% 20%;
}
.user_main_pd2{
	padding: 10px 20%;
}
.input {
    display: block;
    height: 35px;
    width: 80%;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 2px solid #444;
    float: left;
    font: 12px/32px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: 400;
    color: #000;
    background: no-repeat 10px center;
    background-size: 15px 15px;
    text-align: center;
}
.button {
	display: block;
    height: 35px;
    width: 20%;
    overflow: hidden;
    font-weight: 400;
    background-size: 15px 15px;
    text-align: center;
	font-weight: bold;
}
.play{
    height:auto;
    padding: 0 15px;
    height:40px;
}
.play button{
    height: 40px;
    overflow: hidden;
	padding:5px 35px;
    background-color: #49b8cf;
    font-weight: bold;
    color: #000;	
}
.topline{
    border-top: 5px solid #444;
}
.web_list_detail{
    padding: 5px 0;
    width: 50%;
	float: left;
}
.pic img{
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
	padding:0 50px;

}
.xianlu{
height:auto;
padding: 10px;
height:40px;
}
.xianlu a{
height: 30px;
    width: auto;
    overflow: unset;
    text-align: center;
    display: block;
    background-color: #fff;
    border: 0px solid #ffffff;
    font: 12px/20px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: bold;
    color: #333;
}
.xianlu button{
    height: 30px;
    overflow: hidden;
}
.links a{
	border: 1px solid #eee;
    font-weight: normal;
    font-size: 10px;
}
.play_text_box{
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
	border: 5px solid #000;
}
.play_text_box p{
    margin-bottom: 20px;
    color: #fff;
}
.play_text_box img{
    width: 100px;
}
.play_text_box a{
	display: inline-block;
    line-height: 30px;
    width: 30%;
	background-color: #49b8cf;
	color:#333;
    font-weight: bold;
}
.play_text_box a:hover{
	color:#fff;
}
.coverimg{
width:100%;
height: 290px;
background-color: rgba(0,0,0,.5);
padding: 40px 0;
z-index: 2;
}
@media only screen and (max-width:640px) {
.pt20{
	padding-top:10px!important;
}
.main {
    width:100%
}
.VIP {
    width:100%;
}
.nav{
	height: auto;
}
.nav a {
    margin: .5%;
	font-size:12px;
}
.main_column {
    width:100%;
    background-color:#fff;
}
.VIP{
    height: auto;
}
.web_list {
    padding: 5px 0px;
    width:100%
}
.web_list a {
    height: 25px;
    width: 23.8%;
    margin: 0 0 1% 1%;
    font: 10px/22px Tahoma,'Microsoft Yahei',Simsun;
}
.tips {
    padding:5px .5%;
}
.tips a {
    font-weight:bold;
    width:11.4%;
}
.firsttips{
	width:23.8%!important
}
.input {
    width: 71%;
    margin: 0 0 0 2%;
}
.button {
    width: 25%;
}
.notice_big_title {
    font: 12px/25px Tahoma,'Microsoft Yahei',Simsun;
    font-weight: bold;
}
.web_list_detail{
    padding: 5px 1%;	
    width: 100%;
}
.links a{
	width: 20%;
    font-weight: normal;
    margin: 0;
}
.header_main {
    width:100%;
}
.add {
    display:block;
    float:right;
    height:50px;
    width:75px;
    text-align:center;
    margin-left:0px;
}
.bottom {
    width:100%;
    height:auto;
    border-top:0px solid #111;
    background-color:#444;
    text-align:center;
	padding: 10px 0;
}
.bm {
    margin:10px 2% 10px 2%;
}
.user_main_pd1{
	padding: 5% 10%;
}
.user_main_pd2{
	padding: 0 5px;
}
}

@media (max-width: 767px) {
	ul.videos li {width: 48%; margin: 0 0 0 6px;}
	.video-title {padding: 8px 2px !important; height: 36px;}
}

@media (max-width: 481px) {
    .video-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 120px;
    box-shadow: darkgrey 1px 1px 5px 1px;
}
	ul.videos li {width: 49%; margin: .5% .5%; display: inline-block;}	
}

@media (min-width: 768px) {
	ul.videos li {width: 24%; margin: .5% .5%;}
	.video-title {width: 75%;}
}

@media (min-width: 800px) {
	ul.videos li {width: 180px; margin: 0 6px 0 6px;}
}

@media (min-width: 854px) {	
	ul.videos li {width: 23%; margin: 0 10px 0 6px;}
}

@media (min-width: 960px) {
	ul.videos li {width: 23%; margin: 0 8px 0 6px;}
}

@media (min-width: 992px) {
	ul.videos li {width: 23%; margin: 0 8px 0 6px;}	
}

@media (min-width: 1024px) {
	ul.videos li {width: 24%; margin: .5% .5%;}
}
.video-time {
	position: absolute;
	top: 105px;
	/*right: 10px;*/
	font-size: 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}