@charset "utf-8";

/* css reset
--------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-size:14px;
	font-weight: normal;
	font-style:normal;
	text-align:left;
	color:#000;
	font-family: "微软雅黑",Helvetica, Arial, sans-serif;
}
html{
	height:100%;
}
body {
	height:100%;
	text-align:center;
	background: url(../images/jk_bg.jpg) no-repeat 50% 45px;
}
table{
	border-collapse: collapse;
}
img {
	border: none;
}
li{
	list-style: none;
}
select {
	border:1px solid #A9A9A9;
}
h1{
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	line-height: 30px;
	padding-top: 10%;
}
a{
	cursor:pointer;
	outline:none;
	color: #000;
	text-decoration:none;
}
a:link {
}
a:visited {
}
a:active, a:hover {
	color: #f29428!important;
}
/* 公共样式
--------------------------------------------------*/
.clearfix{
    display:block;
    #zoom:1;/*ie6-ie7*/
}
.clearfix:after{
    content:'';
    overflow:hidden;
    width:100%;
    height:0px;
    font-size:0px;
    margin:0px;
    padding:0px;
    display:block;
    clear: both
}
/* 结构
--------------------------------------------------*/
#topBody{
	width: 100%;
	text-align: center;
	background: #8f1e22;
}
#topBody .wrap{
	width: 906px;
	height: 45px;
	margin: 0 auto;
}
#topBody .left{
	float: left;
}
#topBody .left li{
	float: left;
	height: 45px;
	margin: 0 10px;
}
#topBody .left li a{
	display: block;
	_display: inline;
	_zoom:1;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	color: #fff;
}

#topBody .right{
	float: right;
}
#topBody .right li{
	float: left;
	height: 45px;
	margin: 0 10px;
}
#topBody .right li a{
	display: block;
	_display: inline;
	_zoom:1;
	height: 45px;
	vertical-align: middle;
}
#topBody .right li i,
#topBody .right li span{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	vertical-align: middle;
	color: #fff;
}
#topBody .right li i{
	width: 23px;
	height: 23px;
	margin-right: 5px;
	background: url(../images/jk_icon.png) no-repeat;
	vertical-align: middle;
	overflow: hidden;
}
#topBody .right li.upload i{
	background-position: 0px 0px;
}
#topBody .right li.login i{
	background-position: -23px 0px;
	_background-position: -24px 0px;
}
#videoBody{
	text-align: center;
	padding-top: 220px;
	margin-bottom: 20px;
}
#videoBody .wrap{
	width: 906px;
	margin: 0 auto;
	background: url(../images/jk_bg_video_left.png) no-repeat 0px 0px;
}
#videoBody .wrap2{
	margin-left: 7px;
	background: url(../images/jk_bg_video_right.png) no-repeat 100% 0px;
}
#videoBody .conts{
	height: 394px;
	margin-right: 7px;
	background: #000;
}
#videoBody .conts .videos{
	float: left;
	width: 650px;
	height: 380px;
	margin: 6px 0 0 0;
	position: relative;
}
#videoBody .conts .videoList{
	float: right;
	width: 235px;
	height: 380px;
	margin: 6px 0 0 0;
}
#videoBody .conts .videoList li{
	margin-bottom: 13px;
}
#videoBody .conts .videoList li a{
	display: block;
	height: 85px;
	position: relative;
	padding-right: 5px;
	background: #555754;
}
#videoBody .conts .videoList li i{
	display: block;
	width: 104px;
	height: 85px;
	background: gray;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 0px;
}
#videoBody .conts .videoList li i img{
	width: 104px;
	height: 85px;
}
#videoBody .conts .videoList li span{
	display:block;
	height: 60px;
	overflow: hidden;
	padding-left: 115px;
	padding-top: 14px;
	overflow: hidden;
	color: #fff;
	word-break:break-all;
	word-wrap:break-word;
}
#videoBody .conts .videoList li.on a,
#videoBody .conts .videoList li a:hover{
	background: #8f918e;
}
#videoBody .covers{
	width: 100%;
	height: 380px;
	background: gray;
	position: absolute;
	top: 0px;
	left: 0px;
}
#videoBody .covers img{
	width: 100%;
	height: 380px;
}
#videoBody .covers a{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	background: url(../images/jk_icon_play.png) no-repeat;
	font-size: 0px;
	text-indent: 9999px;
}
#recommend{
	width: 906px;
	text-align: center;
	margin: 0 auto 10px auto;
}
#recommend h3.titlesL{
	float: left;
	width: 645px;
	margin: 0 auto 10px auto;
	font-size: 20px;
}
#recommend h3.titlesR{
	float: right;
	width: 250px;
	margin: 0 auto 10px auto;
	font-size: 20px;
}
#others{
	width: 906px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#others .left{
	float: left;
	width: 645px;
	background: #f0f0f0;
}
#others .right{
	float: right;
	width: 243px;
}
#others .list{
	padding:0 15px;
}
#others .list li{
	padding:15px 0;
}
#others h3{
	padding: 0 15px;
	margin-top: 5px;
	font-size: 20px;
}
#others .list li .imgs{
	float: left;
	width: 142px;
	height: 118px;
	margin-right: 20px;
}
#others .list li .imgs a{
	display: block;
	width: 142px;
	height: 118px;
	background: #000;
}
#others .list li .imgs img{
	width: 142px;
	height: 118px;
}
#others .list li h4 a{
	font-size: 14px;
	font-weight: bold;
}
#others .list li h5,
#others .list li p{
	color: #4f4f4f;
}
#others .list li h5{
	margin-bottom: 5px;
}
#others .list li p{
	height: 95px;
	line-height: 24px;
	overflow: hidden;
}
#others .moreBtn{
	height: 24px;
	line-height: 24px;
	text-align:center;
	color: #707070;
	background: #f0f0f0;
	border-top: 5px solid #fff;
}
#others .moreBtn a{
	color: #707070;
}
#others .right #others h3{
	padding: 0px;
}
#others .right .moreBtn{
	border: 0px;
}
#others .right .introduction{
	height: 237px;
	overflow:hidden;
	line-height: 23px;
	color: #4f4f4f;
}
#others .right .list{
	padding:0;
}
#others .right .list li{
	padding: 5px 0;
}
#others .right .list .imgs,
#others .right .list .imgs a,
#others .right .list .imgs img{
	width: 85px;
	height: 72px;
}
#others .right .list .imgs{
	margin-right: 10px;
}
#others .right .list h4{
	height: 40px;
	overflow: hidden;
	margin-top: 10px;
}

#footerBody{
	font-size:12px;
	text-align: center;
	color: #202a2c;
	padding: 0 0 20px 0;
}
.scrollBoxL{ float:left;width:645px;position:relative;background: #f0f0f0;padding: 10px 0;}
.scrollBoxR{
	float: right;
	width: 250px;
	position:relative;
	background: #f0f0f0;
	padding: 10px 0;
}
.scrollBoxL .ohbox{overflow:hidden;width:586px;margin-left: 30px;}
.scrollBoxR .ohbox{overflow:hidden;width:586px;margin-left: 30px;}
.scrollBox .piclist li{float:left; width:108px;margin-right:13px;}
.scrollBox .piclist li i,
.scrollBox .piclist li i a{display:block;width: 108px;height: 80px;}
.scrollBox .piclist li i img{width: 108px;height: 80px;}
.scrollBox .piclist li h4{height: 40px;line-height: 20px;text-align: center;margin-top: 10px;}
.scrollBox .piclist li h4 a{display: inline-block;line-height: 20px;text-align: center;}
.scrollBox .pageBtn{
	display: none;
}
.scrollBox .controlBtn{
	background: url(../images/jk_pageBtn.jpg) no-repeat;
	display:block;width:10px;height:20px;position:absolute; top:50px;
	cursor: pointer;
}
.scrollBox .prev{left:10px;background-position: 0px 0px}
.scrollBox .next{right:10px;background-position: -10px 0px}

.scrollBoxR .ohbox{overflow:hidden;width:220px;margin-left: 15px;}
.scrollBoxR .piclist li{float:left; width:108px;margin-right:5px;}
.scrollBoxR .prev{left:0px;}
.scrollBoxR .next{right:0px;}

.pagePrevious #others{
	width:906px;
	margin: 220 auto 60px auto;
	padding: 20px 0;
	background:#fff;
}
.pagePrevious #others .left{
	width:635px;
	margin-left: 10px;
}
.pagePrevious #others .right{
	width:233px;
	margin-right: 10px;
}
.pageProduct #others .left{
	width:635px;
	margin-left: 10px;
}
.pageProduct #others .right{
	width:233px;
	margin-right: 10px;
}