@charset "utf-8";
/* contenter */
#contenter{
	text-align:left;
	margin:auto;
	width:900px;
	background:url(../images/pagebg.jpg) repeat-x;
}

/* lefter */
.pageleft{
	float:left;
	width:211px;
	overflow: hidden;
}
.pagebox{
	padding-top:15px;
}
.classtop{
	font-size:0;
	background:url(../images/classtop.jpg) top left no-repeat;
	padding:15px 0 0 8px;
}
.classinfo{
	background:url(../images/classbg.jpg) repeat-y;
}
.classbottom{
	height:5px;
	font-size:0;
	background:url(../images/classbottom.jpg) no-repeat;
}
.classmenu{
	padding:0px 15px 15px 15px;
}
.classmenu li{
	background:url(../images/dian.jpg) left bottom repeat-x;
	padding:1px 0;
}
.classmenu li a{
	display:block;
	line-height:19px;
	background:url(../images/classicon.gif) no-repeat 8px 8px;
	padding-left:20px;
}
.classmenu li a:hover{
	background:#fff url(../images/classicon.gif) no-repeat 8px 8px;
	color:#df0000;
}
.promtop{
	background:url(../images/promtop.jpg) top left no-repeat;
}
.prominfo{
	background:url(../images/prombg.jpg) repeat-y;
}
.prombottom{
	background:url(../images/prombottom.jpg) no-repeat;
}
.prom{
	padding:0 0 15px 0;
	text-align:center;
}
.videonav{
	padding:0 0 10px 0;
}

/* righter */
.pageright{
	float:left;
	width:674px;
	padding-left:15px;
}
.fetpro{
	float:left;
	width:474px;
	padding-right:15px;
}
.proright{
	float:left;
    width:185px;
}
.contacttop{
	background:url(../images/contacttop.jpg) top left no-repeat;
}
.contactinfo{
	background:url(../images/contactbg.jpg) repeat-y;
}
.contactbottom{
	background:url(../images/contactbottom.jpg) no-repeat;
}
.contact{
	padding:8px 8px 15px 20px;
	line-height:20px;
}
.contact span{
	color:#df0000;
	}
.populartop{
	background:url(../images/populartop.jpg) top left no-repeat;
}
.popularinfo{
	background:url(../images/popularbg.jpg) repeat-y;
}
.popularbottom{
	background:url(../images/popularbottom.jpg) no-repeat;
}
.popular li{
	text-align:center;
	line-height:22px;
	height:175px;
}
.popular img{
	border:1px solid #eff2f1;
	width:140px;
	height:140px;
}
.pagenav{
	padding:8px 0;
}
.boxer1 {
	padding:9px 0 0 9px;
	background:url(../images/boxleft.jpg) top left no-repeat;
}
.boxer2 {
	padding:0 0 0 9px;
	background:url(../images/boxleft.jpg) bottom left no-repeat;
}
.boxer {
	margin:auto;
	background:#f6f8f7 url(../images/boxright.jpg) top right no-repeat;
	width:100%;
}
.boxer3 {
	padding:0 9px 9px 0;
	width:456px;
	background:#f6f8f7 url(../images/boxright.jpg) bottom right no-repeat;
}
.boxer4 {
	padding:0 9px 9px 0;
	width:656px;
	background:#f6f8f7 url(../images/boxright.jpg) bottom right no-repeat;
}
.prolist,.prolists{
	padding-top:6px;
	text-align:center;
}
.prolist li,.prolists li{
	float:left;
	width:152px;
	text-align:center;
	line-height:22px;
	height:170px!important;height:166px;
	display:inline-block;
}
.prolist li img,.prolists li img{
	border:1px solid #eff2f1;
	width:140px;
	height:140px;
}
.prolists li{
	width:25%;
}
.pageinfo{
	padding:0 8px 8px 0;
	line-height:20px;
}
.pageinfos{
	padding:8px;
	line-height:20px;
	min-height:565px;
	height:auto!important;height:565px;
}
.navlist{
	padding:0 0 0 8px;
}

/* product info */
.proinfo{
	text-align:center;
	width:600px;
	margin:8px auto;
	border:1px solid #eff2f1;
	padding:2px;
	height:500px;
	overflow: hidden;
}