.clearfix {clear:both;}
#wrapper {
	width:1078px;margin:0 auto;
	height: 545px;
	border: 1px solid #EFEBEB;
}
@media only screen and (max-width : 640px) {
	#wrapper {width:100%;height: 622px;}
}
#body .topic{
	height:30px;
	background:url("../images/box_titlebg.png") no-repeat -30px top;
}
#body .MainBlock .right .topic{
}	
#body   .topic .TopicTitle{
	float:left;
	padding-left:15px;
	font-size:14px;
	color:#FFFFFF;
	height:30px;
	font-weight:bold;
	line-height:30px;}
#body   .topic .TopicTitle p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:150%;}
#body .right2 .topic,#body .left .topic{
	height:45px;
}

#body  .right2 .topic .TopicTitle,#body  .left .topic .TopicTitle{
	padding-left:15px;
}
#body  .TopicTitle a{
	color:#FFFFFF;
	text-decoration:none;
}
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:9px;
}


#body .ProductShow {
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;		
	border-bottom:1px solid #e5e5e5;	
	WIDTH: 1078px; 
	font-size:12px;
}

#body .ProductShow  .boxgrid h3 a:hover{
	font-weight:bold;
}
#body .ProductShow  .albumblock{
	float:left;
	width:162px;
	height:162px;
	padding:20px 20px 20px 30px;
}


#body .ProductShow  .boxgrid h3{  font-weight: normal; color:#FFF;text-align:center;line-height:30px;}
#body .ProductShow  .boxgrid h3 a{
	color:#FFF;
}

#body .ProductShow .boxgrid{ 
	width: 160px;
	height: 160px;
	background:#1b5aa9;
	border: solid 1px #DDDDDD;
	overflow: hidden;
	position: relative;
}

#body .ProductShow .boxgrid .cover{
	position:relative;
	top:130px;
}
#body .ProductShow .boxgrid img{ 
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width:160px;

}
@media only screen and (max-width : 640px) {
	#body .ProductShow .albumblock{width: 47%;margin: 0 1% 0 1%;padding: 0 0 0 0;}
	#body .ProductShow .boxgrid{width: 100%;}
	#body .ProductShow .boxgrid img{width:100%;}
}
#body .ProductShow .boxgrid p{ 
	padding: 5px 10px;
	color:#ccc;
	font-weight:normal;
}
#body .ProductShow .boxgrid p a{
	color:#ccc;
}
#body .ProductShow .boxcaption{ 
	float: left;
	position: absolute;
	background: #0396c7;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#body .ProductShow .captionfull .boxcaption {
	top: 160;
	left: 0;
}
#body .ProductShow .caption .boxcaption {
	top: 130;
	left: 0;
}



.hjnavleft {
	WIDTH: 188px; FLOAT: left; HEIGHT: 429px;
	z-index:100;
}

.hjnavleft UL LI {
	LINE-HEIGHT: 42px; 
	PADDING-LEFT: 46px; 
	HEIGHT: 42px;
	width:142px;
	background:url("../images/box_bg3.jpg") no-repeat left top;	
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

.hjnavleft UL LI a {
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 142px;
}
.hjnavleft UL LI a:hover{
	text-decoration:none;
}
.hjnavleft UL LI.hover {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url("../images/box_bg32.jpg") no-repeat -1px top;	
}
.hjnavleft UL LI.hover a{
	color:#FFFFFF;
	font-weight:bold;
}
@media only screen and (max-width : 640px) {
	#body .ProductShow {WIDTH: 100%;}
	.hjnavleft {WIDTH: 100%;height: auto;}
	.hjnavleft UL{WIDTH: 100%;}
	.hjnavleft UL LI.hover{width:49%;}
	.hjnavleft UL LI {width: 49%;PADDING-LEFT: 0px;LINE-HEIGHT: 42px;HEIGHT: 42px;background: url(../images/box_bg3.jpg) no-repeat left top;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; float: left}
	.hjnavleft UL LI a {text-align: center;}
}
.hjnavcn {WIDTH: 870px; FLOAT: left; HEIGHT: 429px; OVERFLOW: hidden;}
.hjone {display:none;}
.hjone.active {display:block;}
#body #Links {
	padding:10px 8px;
	line-height:25px;
	font-size:12px;
	border:1px solid #e5e5e5;
}
#body #Links span{
	font-weight:bold;
}

#body #Links a{
	padding:0px 7px;
}
.lianxi_bg{width: 1078px;margin: 10px auto;
}
@media only screen and (max-width : 640px) {
	.lianxi_bg{width: 100%;}
	.hjnavcn {WIDTH: 100%;height:336px;}
}