@charset "utf-8";
* { margin:0; padding:0; }
*:focus { outline:none; }
.hidden { display:none; }
.show { display:block!important; }
.no-margin { margin:0!important; }
.no-padding { padding:0!important; }
.no-bg { background:none!important; }
.no-border, a img { border:none!important; }
.container { width:100%; margin: 0 auto; padding: auto; text-align: center;}
.container:after, .columns:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.img-repl { text-indent:-9999px; overflow:hidden; display:block; }
.cc { clear:both; }
.left{float:left;}
.right{float:right;}
body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display:block; border:none; margin:0; padding:0; }
img{display:inline-block;}
html { height:100%; font-family:Verdana, Helvetica, sans-serif;}
body { height:auto !important; height:100%; min-height:100%; position:relative; }
a { color:#919191; text-decoration:none;}
a:visited {  }
a:hover { color:#ffffff; text-decoration:none;}
a:active {  }
body {background-color: #F3F3F3;color:#6a6a6a;font: 11px Verdana, Helvetica, sans-serif;letter-spacing: 0px;}
#header,
#page{min-width: 320px; max-width:1430px;margin:0 auto; padding:0px;}
.page-layout { margin:0 auto; padding:0px;position:relative;}
#page{font-family:Arial, sans-serif;}
	
#header{
	width:100%;
}
#header .logo{
	float:left;
}
.letter { color: #ddd; font-weight: bold; }
.logo img { max-width: 100%; height: auto; margin: 0 auto; padding: 0;}
#header .header1{height: 80px; border-top: 4px solid #2D2D2D;}
#header .header2{height: 65px;}
#menu-up{
	font-family:Georgia, sans-serif;
	list-style-type:none;
	height:25px;
	float:right;
	background-color: #2D2D2D;
}
video {
	width: 800px;
	height: 450px;
}
#menu-up li{
	float:left;
	color:#3c3c3c;
	font-size:14px;
	height:35px;
}
#menu-up li a{
	font-size: 11px;
	color:#ddd;
	padding: 4px 0px 4px 10px;
	margin:0 5px;
	display:block;
	height:17px;
	text-align:center;
}
#menu-up li a:hover{
	color:#fff;
	text-decoration:none;
	background:url("/img/arr.png") no-repeat 0 7px;
}


#search-box {
	float: right;
	margin-top: 10px;
	color:#ffffff;
	font-size:14px;
	height:40px;
}
#search-box .searchbut{
	text-indent:-9999em;
	background:url("/img/btn-search.png") no-repeat;
	border:none;
	width:72px;
	height:29px;
	margin-left:10px;
	cursor:pointer;
}
#search-box .searchform{
	width:340px;
	height:13px;
	padding:9px 5px;
	background:#FFF;
	
	border: solid 1px #AAA;
	color:#060606;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

#menu-header{
	width:100%;
	list-style-type:none;
	height:50px;
	font-family:Verdana, sans-serif;
	border-top: 2px solid #414141;
	background:url(/img/menu-header-bg.png) repeat-x;
}
#menu-header li{
	float:left;
	color:#484848;
}
#menu-header li a{
	background:url(/img/menu-header-bg.png) repeat-x;
	color:#233543;
	padding: 10px 0px;
	display:block;
	width:120px;
	height:30px;
	color:#8c8c8c;
	text-shadow:#000 1px 1px 0px;
	text-align:center;
	font-size:20px;

	border-left: 1px solid #202020;
	border-right: 1px solid #393939;
}
#menu-header li a:hover{
	background-position:-99px 0;
	color:#dbdbdb;
	text-decoration:none;
	background-position: 0 -39px;
}
#menu-header li a.select{
	color: #d13228;
}
.menu-header-top{
	display: block;
	height: 8px;
	background:url(/img/menu-header-top.png) repeat-x;
}

#footer{
	margin-top:20px;
}
#footer-bottom{
	margin-top:20px;
	margin-bottom: 10px;
	/* background: url(/img/logo.png) no-repeat transparent 40px top; */
}
#footer p{
	color:#9a9a9a;
	font-size:11px;
	text-align:center;
	margin:20px;
}
#footer p.copy{
	color:#6e6e6e;
	font-size:12px;
}
#footer p.copy  a{
	color:#d13228;
	font-weight:bold;
}


.top-list-box{
	font-size:14px;
	color:#484848;
	line-height: 1.5;
	background-color:#fff;
	padding:1px 0;
}
.top-list-box a{
	color:#d13228;
	padding:2px;
}
.top-list-box a:hover{
	color:#808080;
}
.top-list-box table{
	width:100%;
	padding:2px 10px 5px 10px;
	border:none;
}
.top-list-box table tr{
	vertical-align:top;
}

.mhb-box-1,.mhb-box-2,.mhb-box-3,
.tlb-box-1,.tlb-box-2,.tlb-box-3
{
	width: 33.3%;
	height: 7px;
	display: block;
	float: left;
}
.mhb-box-1,.mhb-box-2,.mhb-box-3{
	height: 2px;
}

.tlb-box-1{	background-color: #db4739; }
.tlb-box-2{	background-color: #db6539; }
.tlb-box-3{	background-color: #db9239; }

.mhb-box-1{	background-color: #582c28; }
.mhb-box-2{	background-color: #583228; }
.mhb-box-3{	background-color: #584228; }



.tlb-box-1{
	-webkit-border-radius: 0px 0px 0px 5px;
	   -moz-border-radius: 0px 0px 0px 5px;
	        border-radius: 0px 0px 0px 5px;

}
.tlb-box-3{
	-webkit-border-radius: 0px 0px 5px 0px;
	   -moz-border-radius: 0px 0px 5px 0px;
	        border-radius: 0px 0px 5px 0px;
}



.cats-box{
	width:140px;
	float:left;
	margin-top: 20px;

}

.cats-box span{
	color: #000;
	font-size: 14px;

}
.cats-box ul{
	margin:5px 0;
	color: #000;
}
.cats-box ul li a{
	color: #555;
	font-size:12px;
	display:block;
	padding:6px 5px 5px 5px;
	margin-bottom: 3px;
	background:#fff ;
	-webkit-border-radius: 3px 0px 0px 3px;
	   -moz-border-radius: 3px 0px 0px 3px;
	        border-radius: 3px 0px 0px 3px;
}
.cats-box ul li a:hover{
	color:#fff;
	text-decoration:none;
	background-position: right -26px;
	background-color: #db4739;
}





.page-content{
	width: 100%;
	overflow: auto;
}
.thumb{
	font-size:10px;
	width:242px;
	height:auto;
	display:block;
	float:left;
	margin:4px 2px;
	padding: 5px 3px;
	color:#A8455A;
	position:relative;
	background-color: #fff;
}
.thumb:hover{
	color:#525252;
	background-color: #BA8181;
	text-decoration:none;
}

.thumb .left{margin-left:2px; margin-top: 4px;}
.thumb .right{margin-right:2px; margin-top: 4px;}
.thumb:hover span{
	color:#ffffff;

}
.thumb span{

	font-size:12px;
	display:block;
	padding:3px;
	padding-top: 8px;
	margin-bottom:1px;
	text-overflow: ellipsis;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
} 
.thumb img{
	background-color:#000;
	border:1px solid #434343 !important;
}
.thumb:hover img{
	border:1px solid #e2e2e2 !important;
}
.thumb .lable{
	width:240px;
	height:10px;
	overflow:hidden;
	background:url(/img/shadow.png);
	font-style:normal;
	font-size:10px;
	color:#fff;
	margin:-31px 1px 0;
	padding:10px 0; 
	position:relative;
	z-index:9;
}
.thumb:hover .lable{
	visibility: hidden;
}
.small { 
	width: 150px !important;
	height: auto;
	padding-left: 2px;
	background-color: #eee;
}
.small img {
	width: 146px !important;
	height: auto !important;
	padding-bottom: 0px !important;
}
.bottom-line {
	border-bottom: 1px solid #ddd;
}
/*
.thumb .lable{
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.thumb:hover .lable {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.thumb:hover img {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity: 0.5;
}

*/


.archive{
	color:#737373;
	font-size:11px;
	padding:9px 20px;
	display:block;
}
.archive a{
	font-size:12px;
	color:#787878;
	padding:4px 5px;
	margin:0 2px;
	border:1px solid #000;
}
.archive a:hover{
	color:#fff;
	background-color:#db4739;
	text-decoration:none;
}

.title-box{
	height:34px;
    position: relative;
}
span.title,
.title-box span{
	display: block;
	background-color:#A4BFEA;
	margin-bottom:6px;
	color:#FFF;
	font-size:16px;
	padding: 8px 0;
	float:left;
	width:100%;

}
.top-list-box span.title{
	margin: 0;
}
.cats-box span.title{
	padding:8px 5px;
	height:16px;
	display:block;
	width:130px;
	float: none;
	text-align: center;
}
.title-box .menu-title{
	background-color:#000;
	color: #737373;
	font-size: 10px;
	display: block;
	list-style-type:none;
	float:right;
	padding-right: 10px;
}
.title-box .menu-title li{
	float:left;
	margin:0 1px;
}
.title-box .menu-title li a{
	height:14px;

	font-size: 11px;
	color:#d13228;
	padding: 9px 0px 9px 10px;
	margin:0 5px;
	display:block;
}
.title-box .menu-title li a:hover{
	color:#fff;
	background:url(/img/arr.png) no-repeat 0 12px;
}

.title-box .menu-title li.first{
	padding: 9px 10px;
	color:#737373;
	font-weight:bold;
	border:none;
	height:17px;
}












#content-box{
	margin-bottom:10px;
}
#content-left-box{
	float:left;
	width:785px;
	color: #919191;
	font-family: Arial,sans-serif;
}
#content-right-box{
	float:right;
	width:320px;
	background-color:#fff;
	margin: 0 auto;
	padding: 10px 0;
	
}
#content-right-box  img{
	margin:0 auto;
	padding-bottom:10px;
	display: block;
}
#video-right {
	width: 320px;
	float: right;
}
.video-view{
	background-color:#fff;
	color:#494949;
	font-size:12px;
}
.player-box{
	padding:10px 0px;
	margin:0 auto;
}
.video-enter{
	background-color: #db4739;
	color:#FFF;
	font-size:35px;
	font-weight: bold;
	text-align:center;
	width:100%;
	display:block;
	padding:10px 0;
	margin: 0 auto;
}
.ve-arr-left,.ve-arr-right{
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(/img/video-enter-arr.png) no-repeat; 
}
.ve-arr-left{margin-right: 3px;}
.ve-arr-right{background-position: 0 -26px;margin-left: 3px;}

.video-desc {
	padding:10px 0 10px 20px;
	border-bottom:1px dashed #545454;
	color: #919191;
}
.video-desc span{
	float:left;
	color: #eeeeee;
}
.video-desc p{
	margin-left:80px;
}
.video-info{

	text-align: left;
    font-size: 14px;
    color: #919191;
    background-color: #FFF;
    padding: 4px 9px;
    margin: 0px 4px 4px 0px;
    text-decoration: none;
    display: block;
    width: auto;

}
.video-info span{
	width:80px;
	display: inline-block;
	float: left;
	color:#eeeeee;
}
.video-info .video-tags a {
    height: 18px;
    line-height: 18px;
    font-weight: 300;
    padding: 4px 10px;
    font-size: 12px;
    margin: 0px 4px 4px 0px;
    float: left;
    min-width: 18px;
    border-radius: 4px;
    width: auto;
    background: none repeat scroll 0% 0% #FFF;
    color: #787878;
    display: block;
    text-decoration: none;
    border: 1px solid #D0D0D0;

}
.video-info .video-tags a{
	padding:4px 9px;
	border:1px solid #db4739;
	text-decoration:none;
	display: inline-block;
	width: auto;
}
.video-info .video-tags a:hover{
	background-color:#db4739;
	color:#fff;
	border:1px solid #973e35;
	text-decoration:none;
}

.video-url {
	padding:5px 0 10px 10px;
	color: #eeeeee;
}
.video-url input{
	color:#919191;
	font:12px Arial,sans-serif;
	background-color:#575757;
	border: 1px solid #404040;
    border-left: none;
    border-right: none;
	padding:5px;
	width:auto;
}
.video-info-box{
	width:100%;
}
.video-rating-info{
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
    background-color: #575757;
	width:150px;
	margin-right:10px;
	margin-top: 20px;
	display:block;
	float:right;
	padding:12px 0;
	text-align:center;
	color:#eeeeee;
	font-size:12px;
}
.video-rating-info span{
	padding-left: 30px;
	color:#919191;
	font-size:24px;
	vertical-align: middle ;
}
.video-rating-info span em{
	font-size:42px;
	font-style: normal;
	color: #000000;
}

.add-button-box{
	text-align:center;
	padding:10px 0;
}
.add-button-box .add-button{
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #A3485D;
	color:#fff;
	width:164px;
	height:22px;
	display:inline-block;
	font-size:18px;
	padding:10px 0;
	margin-right:15px;
	text-align:center;
	text-decoration:none;
}
.add-button-box .add-button:hover{
	background-color: #db4739;
	color:#fff;
	text-decoration:underline;
}







.related-videos{
	padding-bottom: 10px;
}

.thumb-rel{
	background-color:#2a2a2a;
	font-size:11px;
	width:202px;
	height:200px;
	display:block;
	float:left;
	margin:4px 10px;
	padding: 4px;
	color:#919191;
	border-top: 1px solid #383838;
}
.thumb-rel .left{margin-left:4px;}
.thumb-rel .right{margin-right:4px;}
.thumb-rel:hover{
	color:#fff;
	background-color: #212121;
	text-decoration:none;
}
.thumb-rel span.title{
	font-size:12px;
	display:block;
	background: none;
	width: 190px;
	padding:2px 0 2px 10px;
}
.thumb-rel:hover span.title{
	text-decoration:underline;
}
.thumb-rel img{
	border:1px solid #202326 !important;
	margin-bottom:2px;
}
.thumb-rel:hover img{
	border:1px solid #e2e2e2 !important;
}
.star-lite,.star-lite-half,.star-lite-empty{
	width:14px;
	height:14px;
	display:block;
	float:left;
	background: url("/img/stars.png") no-repeat;
}
.star-lite-half{
	background-position: 0 -14px;
}
.star-lite-empty{
	background-position: 0 -28px;
}
.active {
	background-color: #A8455A !important;
	color: #fff !important;
}

@media only screen and (min-width: 1431px) {
.page-layout {
		width: 1430px;
	}
	#page { width: 1430px; }

	.thumb{
		width:228px;
		height:auto;
	}
	.thumb img{
		width: 226px;
		height: auto;
	}
	.gal{
		width: 210px !important;
		height: auto;
	}
	.gal img{
		width: 206px !important;
		height: auto;
	}
	#search-box .searchform { width: 860px; }
	.cats-box { width: 190px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:1100px; }
	video { width: 1100px; height: 560px; }
}

@media only screen and (min-width: 1231px) and (max-width: 1430px){
.page-layout {
		width: 1230px;
	}
	#page { width: 1230px; }

	.thumb{
		width:236px;
		height:auto;
	}
	.thumb img{
		width: 234px;
		height: auto;
	}
	.gal{
		width:215px !important;
		height:auto;
	}
	.gal img{
		width: 211px !important;
		height: auto;
	}
	#search-box .searchform { width: 660px; }
	.cats-box { width: 180px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:900px; }
	video { width: 800px; height: 620px;}
}
@media only screen and (min-width: 1153px) and (max-width: 1230px){
.page-layout {
		width: 1152px;
	}
	#page { width: 1152px; }

	.thumb{
		width:220px;
		height:auto;
	}
	.thumb img{
		width: 218px;
		height: auto;
	}
	.gal{
		width:195px !important;
		height:auto;
	}
	.gal img{
		width: 189px !important;
		height: auto;
	}
	#search-box .searchform { width: 560px; }
	.cats-box { width: 180px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:820px; }
	video { width: 800px;  height: 620px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1154px){
	.page-layout {
		width: 1024px;
	}
	#page { width: 1024px; }

	.thumb{
		width:246px;
		height:auto;
	}
	.thumb img{
		width: 244px;
		height: auto;
	}
	.gal{
		width:220px !important;
		height:auto;
	}
	.gal img{
		width: 218px !important;
		height: auto;
	}
	#search-box .searchform { width: 460px; }
	.cats-box { width: 155px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:690px; }
	video { width: 640px; height: 500px}
	
}
@media only screen and (min-width: 961px) and (max-width: 1024px){
	.page-layout {
		width: 960px;
	}
	#page { width: 960px; }

	.thumb{
		width:230px;
		height:auto;
	}
	.thumb img{
		width: 228px;
		height: auto;
	}
	#search-box .searchform { width: 360px; }
	.cats-box { width: 145px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:960px; float: none; }
	#video-right { width: 940px; margin: 5px; float: none; }
	video { width: 960px;  height: 560px;}
	#content-right-box{ width:100%; }
}

@media only screen and (max-width: 960px) { 
	#header .logo { float: none; } 
	#menu-up { float: none; display: block;  width: 100%;}
	#content-right-box{ width:100%; }
}

/*iPad*/
@media only screen and (min-width: 768px) and (max-width: 960px ){
	.page-layout {
		width: 768px;
	}
	#page { width: 768px; }

	.thumb{
		width:182px;
		height:auto;
	}
	.thumb img{
		width: 180px;
		height: auto;
	}
	#search-box .searchform { width: 668px; }
	.cats-box { width: 175px; margin-right: 15px; }
	#content-left-box{ width:768px; float: none; }
	#video-right { width: 768px; margin: 2px; float: none; }
	video { width: 768px; height: 450px; }
	
}
/*iPad mini*/
@media only screen and (min-width: 736px ) and (max-width: 767px ){
	.page-layout {
		width: 736px;
	}
	#page { width: 736px; }

	.thumb{
		width:235px;
		height:auto;
	}
	.thumb img{
		width: 233px;
		height: auto;
	}
	#search-box .searchform { width: 636px; }
	.cats-box { width: 158px; margin-right: 15px; }
	#content-left-box{ width:736px; float: none; }
	#video-right { width: 720px; margin: 4px; float: none; }
		video { width: 704px; height: 410px; }
}
/*iPhone 6 Plus*/
@media only screen and (min-width: 669px) and (max-width: 735px){
	.page-layout {
		width: 668px;
	}
	#page { width: 668px; }

	.thumb{
		width:210px;
		height:auto;
	}
	.thumb img{
		width: 208px;
		height: auto;
	}
	#search-box .searchform { width: 568px; }
	.cats-box { width: 208px; }
	#content-left-box{ width:668px; float: none; }
	#video-right { width: 640px; margin: 10px; float: none; }
		video { width: 640px; height: 500px; }

}
/*iPhone 6*/
@media only screen and (min-width: 569px) and (max-width: 668px){
	.page-layout {
		width: 568px;
	}
	#page { width: 568px; }

	.thumb{
		width:178px;
		height:auto;
	}
	.thumb img{
		width: 176px;
		height: auto;
	}
	#search-box .searchform { width: 468px; }
	.cats-box { width: 148px; margin-right: 15px; }
	#content-left-box{ width:568px; float: none; }
	#video-right { width: 560px; margin: 3px; float: none; }
		video { width: 544px; height: 420px; }
}
/*iPhone 5*/
@media only screen and (min-width: 481px) and (max-width: 568px){
	.page-layout {
		width: 480px;
	}
	#page { width: 480px; }

	.thumb{
		width:229px;
		height:auto;
	}
	.thumb img{
		width: 227px;
		height: auto;
	}
	#search-box .searchform { width: 381px; }
	.cats-box { width: 227px; }
	#content-left-box{ width:480px; float: none; }
	#video-right { width: 480px; margin: 5px; float: none; }
		video { width: 480px; height: 380px;}	
}
/*iPhone 1/2/3*/
@media only screen and (min-width: 377px) and (max-width: 480px){
	.page-layout {
		width: 376px;
	}
#page { width: 376px; }
	.thumb{
		width:172px;
		height:auto;
	}
	.thumb img{
		width: 174px;
		height: auto;
	}
	#search-box .searchform { width: 270px; }
	.cats-box { width: 172px; }
	#content-left-box{ width:376px; float: none; }
	#video-right { width: 368px; margin: 5px; float: none; }
		video { width: 368px; height: 300px;}
}
/* any */
@media only screen and (max-width: 376px){
	.page-layout {
		width: 320px;
	}
	#page { width: 320px; }
	.thumb{
		width:150px;
		height:auto;
	}
	.thumb img{
		width: 148px;
		height: auto;
	}
	#search-box .searchform { width: 220px; }
	.cats-box { width: 320px; }
	#content-left-box{ width:320px; float: none; }
	#video-right { width: 320px; margin: 2px; float: none; }
	video { width: 320px; height: 260px;}
}
img,
embed,
object,
video {
max-width: 100%; }