abody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}img,object,embed{vertical-align:bottom;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}a *{cursor:pointer;}

html{
	height:100%;
	min-width:1300px;
}
body{
	font:12px/14px 'Open Sans', sans-serif;
	min-height:100%;
	min-width:1300px;
	position:relative;
	color:#fff;
	background:#000;
}
a{
	color:#fff;
	text-decoration:none;
}
a:hover{text-decoration:none;}
input,
textarea{outline:none;}
input:-moz-placeholder {color:#999;}
input::-moz-placeholder {color:#999;opacity:1;}
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
input::placeholder {color:#999;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
input:focus::placeholder {color:transparent;}
.container{
	position:relative;
	z-index:1;
	overflow:hidden;
}
.left_layer{
	background:url(../images/bg_left.jpg) repeat-x;
	height:86px;
	left:0;
	position:absolute;
	top:0;
	width:310px;
	width:100%;
}
.right_layer{
	background:url(../images/bg_right.jpg) repeat-x;
	height:86px;
	left:50%;
	position:absolute;
	top:0;
	width:100%;
}
.header{
	background:url(../images/bg_body.jpg) no-repeat 50% 0;
	height:86px;
	position:relative;
	z-index:100;
	border-bottom:8px solid #044752;
}
.header .holder{
	width:1300px;
	margin:0 auto;
}
.logo{
	margin:15px 56px 0 0;
	background:url(../images/logo.png) no-repeat;
	width:282px;
	height:51px;
	float:left;
	position:relative;
	z-index:10;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	width:100%;
	height:100%;
}

/*nav*/
.nav{
	position:relative;
	z-index:2;
}
.nav ul:after{
	content:"";
	clear:both;
	display:block;
}
.nav li{
	background:url(../images/sep01.png) no-repeat 100% 50%;
	float:left;
	text-transform:uppercase;
	line-height:86px;
	height:94px;
	font-size:18px;
	overflow:hidden;
	font-weight:600;
}
.nav li a,
.nav li span{
	display:block;
	margin:0 1px 0 0;
	padding:0 34px;
	cursor:pointer;
}
.nav li:hover a,
.nav li:hover span,
.nav li.select a,
.nav li.select span,
.nav li.cat.active span{
	background:#000;
	background:rgba(0, 0, 0, 0.2);
	color:#c8005e;
	border-bottom:8px solid #c8005e;
}
.dropbox{
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:94px;
	background:#1c1f23;
	padding:20px 9999px;
	margin:0 -9999px;
	-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.7);
	box-shadow:0 3px 5px rgba(0, 0, 0, 0.7);
}
.thumbs_min{
	overflow:hidden;
	float:left;
}
.thumbs_min a{
	float:left;
	width:212px;
	height:132px;
	position:relative;
	z-index:3;
	overflow:hidden;
	background:#000;
	margin:0 0 0 4px;
}
.thumbs_min img{display:block;}
.thumbs_min a:hover img{opacity:0.6;}
.thumbs_min strong{
	display:block;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:27px;
	line-height:27px;
	padding:0 8px;
	background:#000;
	background:rgba(0, 0, 0, 0.75);
}
.thumbs_min a:hover strong{
	background:#c8005e;
	background:rgba(200, 0, 94, 0.8);
}
.thumbs_min span{float:left;}
.thumbs_min em{
	float:right;
	color:#686766;
}
.thumbs_min a:hover em{color:#fff;}
.dropbox .all_categories{
	margin:0 0 0 4px;
	float:left;
	background:#00d2d7;
	width:212px;
	height:132px;
	line-height:132px;
	text-align:center;
	font-weight:300;
	font-size:21px;
}

/*main*/
.main{
	background:url(../images/bg_main.png) repeat-x;
	margin:0 -9999px;
	padding:20px 9999px 0;
}
.twocolumns{
	width:1300px;
	margin:0 auto;
	overflow:hidden;
}

/*content*/
.content{float:left;}
.thumbs{
	font-size:0;
	overflow:hidden;
	text-align:center;
	margin:-9px 0 0 -35px;
	width:1068px;
}
.th{
	font-size:13px;
	display:inline-block;
	vertical-align:top;
	width:320px;
	margin:20px 0 0 35px;
}
.wrap{
	display:block;
	position:relative;
	z-index:2;
	background:#000;
}
.wrap img{display:block;}
.th:hover .wrap img{opacity:0.4;}
.wrap .view{
	position:absolute;
	bottom:0;
	left:0;
	background:#111416;
	background:rgba(17, 20, 22, 0.8);
	color:#a2a2a2;
	height:29px;
	line-height:29px;
	padding:0 8px;
	display:none;
}
.th:hover .wrap .view{display:block;}
.wrap .view i{
	margin:9px 5px 0 0;
	display:inline-block;
	vertical-align:top;
	background:url(../images/ico01.png) no-repeat;
	width:33px;
	height:11px;
}
.th .title{
	font-size:13px;
	line-height:16px;
	padding:5px 0;
	font-weight:normal;
	text-align:center;
	display:block;
}
.progress{
	background:#c8005e;
	display:block;
	font-size:0;
	height:4px;
	overflow:hidden;
	position:relative;
	width:100%;
}
.indicator{
	background:#00b6bf;
	height:4px;
	left:0;
	position:absolute;
	top:0;
}

/*pagination*/
.pagination{
	margin:30px 0 0;
	text-align:center;
	font-size:0;
}
.pagination li{
	display:inline-block;
	vertical-align:top;
	height:38px;
	line-height:38px;
	margin:0 0 0 3px;
	font-size:15px;
}
.pagination li:first-child{margin:0;}
.pagination li.prev a{}
.pagination li.next a{}
.pagination li.prev i{
	background:url(../images/btn_prev.png) no-repeat;
	width:8px;
	height:12px;
	display:inline-block;
	vertical-align:top;
	margin:14px 0 0;
}
.pagination li.next i{
	background:url(../images/btn_next.png) no-repeat;
	width:8px;
	height:12px;
	display:inline-block;
	vertical-align:top;
	margin:14px 0 0;
}
.pagination a{
	display:block;
	background:#111416;
	padding:0 10px;
	min-width:22px;
}
.pagination li:hover a,
.pagination li.active a{background:#c8005e;}

/*sidebar*/
.sidebar{
	float:right;
	width:232px;
}
.heading h2{
	text-transform:capitalize;
	color:#fff;
	font-size:22px;
	line-height:24px;
	font-weight:300;
}
.sidebar ul{margin:22px 0 0;}
.sidebar li{
	font-size:13px;
	height:31px;
	line-height:31px;
}
.sidebar li a{
	display:block;
	padding:0 10px 0 20px;
	overflow:hidden;
}
.sidebar li:hover a,
.sidebar li.select a{background:#c8005e;}
.sidebar li strong{
	color:#677382;
	float:left;
	font-weight:normal;
}
.sidebar li:hover strong,
.sidebar li.select strong{color:#fff;}
.sidebar li span{
	color:#fff;
	display:none;
	float:right;
}
.sidebar li:hover span,
.sidebar li.select span{display:block;}
.sidebar .all_categories{
	background:#00ccd2;
	margin:8px 0 0 20px;
	color:#fff;
	width:153px;
	line-height:31px;
	height:31px;
	overflow:hidden;
	text-align:center;
	display:block;
	font-weight:300;
	font-size:14px;
}

/*category*/
.category{
	width:1300px;
	margin:0 auto;
}
.intro{
	color:#677382;
	font-size:13px;
	line-height:16px;
	margin:10px 0 0;
	width:1031px;
}
.box{
	text-align:center;
	font-size:0;
	margin:16px 0 0;
}
.box ul{
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	width:212px;
	margin:0 0 0 5px;
}
.box ul:first-child{margin:0;}
.box ul li{
	text-align:left;
	font-size:13px;
	height:31px;
	line-height:31px;
}
.box li a{
	display:block;
	padding:0 10px 0 14px;
	overflow:hidden;
}
.box li:hover a{background:#c8005e;}
.box li strong{
	color:#677382;
	float:left;
	font-weight:normal;
}
.box li:hover strong{color:#fff;}
.box li span{
	color:#fff;
	display:none;
	float:right;
}
.box li:hover span{display:block;}

/*video*/
.watch{
	width:982px;
	float:left;
}
.player{
	position:relative;
	z-index:1;
}
.play{
	position:absolute;
	left:50%;
	top:50%;
	background:url(../images/btn_play.png) no-repeat;
	width:120px;
	height:120px;
	margin:-60px 0 0 -60px;
}
.tools{
	padding:17px 16px;
	background:url(../images/bg_tools.jpg) no-repeat;
	width:950px;
	height:17px;
	overflow:hidden;
}
.tools p{
	font-size:13px;
	line-height:16px;
	height:16px;
	overflow:hidden;
}
.tools span{color:#6d7988;}
.tools a{color:#6d7988;}
.tools a:hover,
.tools a.select{color:#c8005e;}
.spots{
	width:300px;
	float:right;
}
.spot{margin:10px 0 0;}
.spot:first-child{margin:0;}
.block{
	width:1300px;
	margin:0 auto;
}
.bottom_thumbs{
	margin:2px 0 0 -5px;
	font-size:0;
	text-align:center;
}
.bottom_thumbs .th{
	margin:10px 0 0 5px;
}

/*footer*/
.footer{
	background:#0e1012;
	background:-moz-linear-gradient(top,  #0e1012 0%, #000000 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e1012), color-stop(100%,#000000));
	background:-webkit-linear-gradient(top,  #0e1012 0%,#000000 100%);
	background:-o-linear-gradient(top,  #0e1012 0%,#000000 100%);
	background:-ms-linear-gradient(top,  #0e1012 0%,#000000 100%);
	background:linear-gradient(to bottom,  #0e1012 0%,#000000 100%);
	margin:29px 0 0;
}
.footer .holder{
	padding:25px 0;
	width:1300px;
	margin:0 auto;
	overflow:hidden;
}
.logo_footer{
	float:left;
	background:url(../images/logo_f.png) no-repeat;
	width:242px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo_footer a{
	display:block;
	width:100%;
	height:100%;
}
.copy{
	padding:21px 0 0;
	overflow:hidden;
	text-align:right;
	color:#6b6b6b;
	font-size:11px;
	line-height:14px;
}
.copy a{
	color:#05565c;
}
.copy a:hover{text-decoration:underline;}
.slogan2{
 padding: 23px 0 0;
 margin: 0 0 0 130px;
 width: 90%;
 text-align: center;
 float: left;
 line-height: 18px;
font-size: 18px;
}
.slogan2 span {
 color: #F90;
 font-size: 20px;
 text-decoration: underline;
 line-height: 24px;
}