@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%;}
.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:#6e9fbe; text-decoration:none;}
a:visited {  }
a:hover { color:#FF0076; text-decoration:underline;}
a:active {  }
body {background: #f3f3f3 url("img/bg.png");color:#6a6a6a;font-family:Verdana, Helvetica, sans-serif;}
#header,
#page{min-width: 450px; width:1156px;margin:0 auto; padding:0px;}
.page-layout { width:1156px;margin:0 auto; padding:0px;position:relative;}
#page{font-family:Arial, sans-serif;}
	
#header{
	width:100%;
	height:110px;
}
#header-1{background-color:#2d2d2d;}
#header-2{
	background-color:#f5f5f5;
	border-top:1px solid #000000;
	border-bottom:1px solid #e5e5e5;
}
#menu-up{
	font-family:Georgia, sans-serif;
	padding-top:1px;
	list-style-type:none;
	height:5px;
	float:left;
}
#menu-up li{
	float:left;
	color:#3c3c3c;
	font-size:14px;
	height:35px;
}
#menu-up li.sp{
	padding: 5px 0px;
}
#menu-up li a{
	color:#cccccc;
	padding: 10px 0px 2px;
	margin:0 10px;
	display:block;
	height:17px;
	text-align:center;
}
#menu-up li a:hover{
	color:#fff;
	padding: 7px 0px 1px;
	text-decoration:none;
	background:url("img/h-menu-select.gif") repeat-x;
	border-top:3px solid #ff0076;
	border-bottom:1px solid #fff;
}
#header .addthis_button{
	margin-top:10px;
	margin-right:10px;
	float:right;
}
#header .logo{
	float:left;
}
#search-box {
	margin-left:650px;
	color:#ffffff;
	font-size:14px;
	padding:15px 0;
	height:40px;
}
#search-box .searchbut{
	text-indent:-9999em;
	background:url("img/btn-search.png") no-repeat;
	border:none;
	width:72px;
	height:29px;
	margin-left:15px;
	cursor:pointer;
}
#search-box .searchform{
	border:1px solid #d9d9d9;
	background:url("img/sfarr.png") no-repeat 99% center #fff;
	width:340px;
	height:13px;
	padding:10px 15px 10px 5px;
	font-size:12px;
	color:#a1a1a1;
}
#menu-header{
	width:100%;
	list-style-type:none;
	height:53px;
	font-family:Verdana, sans-serif;
}
#menu-header li{
	float:left;
	color:#484848;
}
#menu-header li a{
	background:#fff url("img/menu-bg.png") repeat-x;
	color:#233543;
	text-align:center;
	padding: 8px 0px;
	display:block;
	width:99px;
	height:29px;
	color:#484848;
	font-size:16px;
	font-weight:bold;
}
#menu-header li a:hover{
	background-position:-99px 0;
	color:#484848;
	text-decoration:none;
}
#footer{
	margin-top:20px;
}
#footer-bottom{
	margin-top:20px;
	/* background: url("img/logo-f.png") no-repeat transparent left top; */
}
#footer p{
	color:#6a6a6a;
	font-size:11px;
	text-align:center;
	margin:0;
}
#footer p.copy{
	font-size:16px;
}
#footer p.copy  a{
	color:#ff0076;
	font-weight:bold;
}


#menu-footer{
	list-style-type:none;
	height:37px;
}
#menu-footer li{
	float:left;
	color:#ffffff;
	font-size:14px;
	background-color:#002036;
	height:17px;
	padding:9px 0;
}
#menu-footer li.menu-footer-left,
#menu-footer li.menu-footer-right{
	background:url("img/menu-f-bg.png") no-repeat transparent;
	width:8px;
	height:17px;
}
#menu-footer li.menu-footer-right{
	background-position:-8px 0;
}
#menu-footer li a{
	padding:0 18px;
	display:block;
	color:#ffffff;
	background-color:#002036;
}
#menu-footer li a:hover{
	text-decoration:none;
	color:#00a2ff;
	text-decoration:underline;	
}

.top-list-box{
    position: relative;
	font-size:14px;
	color:#7e7e7e;
	line-height: 1.5;
	background-color:#fff;
	padding:10px 0;
	margin:2px 0;
}
.top-list-box a{
	color:#a8455a;
	font-weight:bold;
	padding:2px;
}
.top-list-box a:hover{
	color:#ff0076;
	text-decoration:underline;
}
.top-list-box table{
	width:100%;
	margin:0 10px;
	border:none;
}
.top-list-box table tr{
	vertical-align:top;
}

.cats-box{
	width:139px;
	float:left;
	background-color:#eff2f3;
}
.cats-box span.title{
	border:1px solid #92abd2;
	background-color:#a4bfea;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:8px 5px;
	height:16px;
	display:block;
}
.cats-box ul{
	margin:10px 0;
	background-color:#fff;
}
.cats-box a{
	color:#222222;
	font-size:12pt;
	display:block;
	padding:8px 5px;
}
.cats-box a:hover{
	color:#222222;
	background-color:#eee;
	text-decoration:none;
}
.page-content{
	width: 1013px;
	float: right;
}
.thumb{
	width: calc(20% - 8px);
	height:auto;
	display:block;
	float:left;
	margin:4px;
	color:#525252;
	position:relative;
}
.short {border: 1px solid #ccc; height: 248px; margin: 3px 3px;}
.thumb .left{margin-left:4px;}
.thumb .right{margin-right:4px;}
.thumb:hover{
	color:#525252;
	text-decoration:none;
}
.thumb:hover span{
	color:#ff0076;
	text-decoration:underline;
}
.thumb span{
	color:#a8455a;
	font-size:11pt;
	display:block;
	padding:2px;
	background-color:#fff;
	/* margin-top: 2px; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% + 1px);
} 
.thumb img{
/* 	padding:1px; */
	background-color:#000;
	border:3px solid #fff !important;
	width: 100%;
	height: auto;
}
.thumb:hover img {
   -webkit-transition: all 0.9s linear;
   -moz-transition: all 0.9s linear;
   -o-transition: all 0.9s linear;
   -ms-transition: all 0.9s linear;
   transition: all 0.9s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
   opacity: 0.9;
}

.cat-thumb{
	border:#fff solid 10px;
	padding:6px;
	background-color:#dcdcdc;
	font-size:10px;
	width:242px;
	height:182px;
	display:block;
	float:left;
	margin:2px 7px;
	color:#dddcd0;
	position:relative;
}
.cat-thumb:hover{
	background-color:#8f8f8f;

}
.cat-thumb:hover span{
	text-decoration:underline;
}
.cat-thumb span{
	float:left;
	width:240px;
	height:50px;
	overflow:hidden;
	background:url("img/shadow.png");
	text-align:center;
	font-style:normal;
	font-size:20px;
	line-height:22px;
	color:#1a1a1a;
	margin:-51px 1px 0;
	position:relative;
	z-index:9;
}
.cat-thumb span b{
	font-style:normal;
	font-size:10px;
	text-decoration:none;
}
.cat-thumb img{
	border:1px solid #000 !important;
	float:left;
	position:relative;
	z-index:1;
}
.thumb-rel{
	background-color:#dcdcdc;
	font-size:11px;
	width:210px;
	height:210px;
	display:block;
	float:left;
	margin:4px 10px;
	color:#0d0a07;
}
.thumb-rel .left{margin-left:4px;}
.thumb-rel .right{margin-right:4px;}
.thumb-rel:hover{
	color:#0d0a07;
	text-decoration:none;
}
.thumb-rel span{
	color:#6e6e6e;
} 
.thumb-rel span.title{
	font-size:12px;
	color:#83112b;
	display:block;
	padding:2px 0 2px 10px;
}
.thumb-rel:hover span.title{
	color:#ff0076;
	text-decoration:underline;
}
.thumb-rel img{
	padding:1px;
	border:4px solid #dcdcdc !important;
	background-color:#202326;
	margin-bottom:2px;
}
.thumb-rel:hover img{
	border:4px solid #8f8f8f !important;
}
.star-lite,.star-lite-half,.star-lite-empty{
	width:14px;
	height:14px;
	display:block;
	float:left;
	background: url("img/star-lite.png") no-repeat;
}
.star-lite-half{
	background-position:-14px 0;
}
.star-lite-empty{
	background-position:-28px 0;
}
/*
.archive{
	color:#5f5f5f;
	font-size:12px;
	padding:9px 20px;
	display:block;
}
.archive a{
	color:#787878;
	padding:4px 5px;
	margin:0 2px;
	border:1px solid #6f6f6f;
}
.archive a:hover{
	color:#fff;
	background-color:#a3485d;
	border:1px solid #d5bfc4;
	text-decoration:none;
}
*/
.archive a {
	height: auto;
	line-height: 18px;
	font-weight: 300;
	padding: 10px 10px 10px 16px;
	font-size: 14pt;
	margin: 20px 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;
}

.archive a:hover{
	color:#fff;
	background-color:#a3485d;
	text-decoration:none;
}

.related-videos{
	padding-bottom: 10px;
}
#content-left-box .title-box,
.related-videos .title-box{
	color:#4d4d4d;
	font-size:14px;
	font-weight:bold;
	padding:8px;
	display:block;
	background-color:#f5f5f5;
	height:17px;
	border-left: 4px solid #e5e5e5;
	margin-bottom: 4px;
}
.title-box{
	height:34px;
    position: relative;
}
.title-box span{
	background-color:#f5f5f5;
	border:1px solid #e5e5e5;
	margin-bottom:6px;
	color:#4d4d4d;
	font-size:14px;
	padding:8px;
	width:550px;
	padding-left:5px;
	float:left;
}
.title-box span.full{
	font-weight:bold;
	width:1140px;
}
.title-box .menu-title{
	display: block;
	list-style-type:none;
	float:right;
}
.title-box .menu-title li{
	float:left;
	color:#5f5f5f;
	font-size:12px;
	margin:0 1px;
	height:32px;
}
.title-box .menu-title li a{
	height:14px;
	padding: 9px 10px;
	display:block;
	color:#000;
	background-color:#f2f2f2;
	border:1px solid #dcdcdc;
}
.title-box .menu-title li a:hover{
	text-decoration:underline;
	color:#9e9e9e;
	background-color:#f1f1f1;
	border:1px solid #b3b3b3;
}
.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;
	background-color:#fff;
}
#content-right-box{
	float:right;
	width:300px;
	background-color:#fff;
	padding:30px;
	margin-bottom: 10px;
}
#content-right-box  img{
	margin:0 auto;
	/* padding-bottom:20px; */
	display: block;
}
.video-view{
	color:#494949;
	font-size:12px;
}
.player-box{
	padding:10px 0px;
	width: 720px;
	height: 600px;
	margin:0 auto;
}

.video-enter{
	color:#ff0076;
	font: font-family: "Arial",sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	width:100%;
	display:block;
	padding:10px 0;
	background-color:#d9d9d9;
}
.video-enter:hover{
	text-align:underline;
}
.video-desc {
	padding:10px 0 10px 20px;
	border-bottom:1px dashed #a6a6a6;
}
.video-desc span{
	float:left;
}
.video-desc p{
	margin-left:80px;
}
.title-header {
	border-bottom: 1px solid #E8EDEE;
	font-family: "Oswald",Helvetica,Arial;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 35px 0px 21px;
	line-height: 2;
	font-size: 14pt;
	color: #7D8891;
	clear: both;
}
.video-info{
	padding:8px 0 8px 20px;
	color:#090600;
}
.video-info span{
	width:80px;
	display: inline-block;
	float: left;
	color:#525252;
}

.video-tags a {
	height: auto;
	line-height: 18px;
	font-weight: 300;
	padding: 9px 10px;
	font-size: 14pt;
	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 {
	font-size:14px;
	color:#787878;
	background-color:#fff;
	padding:4px 9px;
	margin:0 2px;
	text-decoration:none;
	display: block;
	width: auto;
}
.video-info .video-tags a:hover{
	background-color:#a3485d;
	color:#fff;
	border:1px solid #efefef;
	text-decoration:none;

}

.video-url {
	padding:5px 0 10px 10px;
}
.video-url input{
	color:#fff;
	font-size:12px;
	background-color:#a3485d;
	border: 1px solid #c8919e;
    border-left: none;
    border-right: none;
	padding:5px;
	width:650px;
}
.video-info-box{
	width: calc(100% - 8px);
	padding: 0px;
}
.video-rating-info{
	background:url("img/rating-bg.png") no-repeat;
	width:195px;
	margin-right:5px;
	margin-top: 2px;
	display:block;
	float:right;
	padding:22px 0;
	text-align:center;
	color:#575757;
	font-size:42px;
}
.video-rating-info span{
	color:#494949;
	font-size:12px;
	vertical-align: middle ;
}
.add-button-box{
	text-align:center;
	padding:10px 0;
}
.add-button-box .add-button{
	background:url("img/add-button-bg.png") no-repeat;
	width:174px;
	height:20px;
	display:inline-block;
	color:#fff;
	font-size:17px;
	padding:14px 0;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
}
.add-button-box .add-button:hover{
	color:#ff0076;
	text-decoration:underline;
	background-position:-175px 0;
}
#th_container {
  overflow: visible;
  margin-bottom: 0px;
  position: relative;
}

@media only screen and (min-width: 1360px) {
	.page-layout { width: 1356px; }
	#page { width: 1356px; }
	.page-content { width: 1200px; }
	#content-left-box { width: 1025px; }
	#content-right-box { padding: 10px; }
	.thumb.short { width: calc(25% - 11px); height: auto; margin: 3px 2px 2px 7px; }
	.short { border: 0; margin: 0; }
	.short img  { border: 1px solid #dfdfdf !important;; }
}

@media only screen and (min-width: 1180px) and (max-width: 1360px) {
	.page-layout { width: 1156x; }
	#page { width: 1156px; }
	.page-content { width: 1013px; }
	#content-left-box { width: 825px; }
	#content-right-box { padding: 10px; }
	.thumb.short { width: calc(25% - 11px); height: auto; margin: 3px 2px 2px 7px; }
	.short { border: 0; margin: 0; }
	.short img  { border: 1px solid #dfdfdf !important;; }
}
@media only screen and (min-width: 960px) and (max-width: 1180px) {
	.page-layout { width: 960px; }
	#page { width: 960px; }
	.page-content { width: 820px; }
	#search-box { margin-left: 500px; }
	#content-left-box { width: 632px; }
	#content-right-box { padding: 10px; }
	.thumb.short { width: calc(33% - 7px); height: auto; margin: 0px 2px 2px 4px; }
	.short { border: 0; margin: 0; }
	.short img  { border: 1px solid #dfdfdf !important;; }
	.thumb{ width: calc(25% - 8px);}
}
@media only screen and (min-width: 800px) and (max-width: 960px) {
	.page-layout { width: 800px; }
	#page { width: 800px; }
	.page-content { width: 100%; }
	#content-left-box { width: 100%; margin-top: 6px; }
	#content-right-box { width: calc(50% - 70px); float:left; display: block; margin: 10px 5px 10px 5px;}	
	.thumb.short { width: calc(25% - 7px); height: auto; margin: 0px 2px 2px 4px; }
	.short { border: 0; margin: 0; }
	.short img  { border: 1px solid #dfdfdf !important;; }
	#search-box { display: none; }
	.cats-box { display: none; }
	#header { height: 73px; }
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
	.page-layout { width: 500px; }
	#page { width: 500px; }
	.page-content { width: 100%; }
	#content-left-box { width: 100%; margin-top: 6px; }
	#content-right-box { width: 100%; float:left; display: block; margin: 10px 0px 0px 0px; padding: 0;}	
	.thumb.short { width: calc(33% - 6px); height: auto; margin: 0px 2px 2px 4px; }
	.short { border: 0; margin: 0; }
	.short img  { border: 1px solid #dfdfdf !important;; }
	#search-box { display: none; }
	.cats-box { display: none; }
	#header { height: 73px; }
	.thumb{ width: calc(33% - 8px);}
}
@media only screen and (max-width: 500px) {
	.page-layout { width: 450px; }
	#page { width: 450px; }
	.page-content { width: 100%; }
	#search-box { display: none; }
	.cats-box { display: none; }
	#header { height: 73px; }
	#content-left-box { width: 100%; margin-top: 6px; }
	#content-right-box { width: 100%; float:left; display: block; margin: 10px 0px 0px 0px; padding: 0;}	
	.thumb.short { width: calc(50% - 8px); height: auto; margin: 0px 2px 2px 4px; }
	.short { border: 0; margin: 0; }
	.short img  { border: 1px solid #dfdfdf !important;; }
	.logo  { width: 100%; height: auto; }
	.thumb{ width: calc(50% - 10px);}
	#footer-bottom { display: none; }
}