﻿/*滑动焦点图样式*/
.SlideBlock{padding:0px 10px;}
#picSlide{width:310px; height:220px; padding:0px 0 0 0px; margin:0px 0 0 0px;  display:inline;}
#picSlide .SlideInner{width:310px;height:220px;overflow:hidden;position:relative;}
#slideArea{width:10000px; position:absolute;}
#slideArea li{ float:left;width:310px; height:220px; position:relative;}
#slideArea li .bg{width:310px; height:40px; background:#000; display:block; position:absolute; bottom:0; left:0;filter:alpha(opacity=70);background:rgba(0, 0, 0, 0.7);}
#slideArea li .txt{width:324px; height:40px; display:block; position:absolute; bottom:0px; left:0; font-size:12px; padding:0px 10px 0 10px; line-height:20px;}
#slideArea li .txt a{ color:#fff;}
#slideBtn{ position:absolute; bottom:5px; right:15px;}
#slideBtn span{ display:block; width:15px; height:10px; background:url(/images/HituxCMSBold/btn.gif) no-repeat -15px 0; float:left; cursor:pointer; margin:0 2px;}
#slideBtn .current{background:url(/images/HituxCMSBold/btn.gif) no-repeat 0 0;}
/*滑动焦点图样式结束*/
#banner {
	width:100%;
	height:390px;
	padding:0px 0px 13px 0px;
	overflow:hidden;
	z-index:1;
	position:relative;
	background:url(/images/shadow-botm.gif) repeat-x bottom;
}
.nivoSlider {
	position:relative;
	width:100%;
	overflow:hidden;
}
.nivoSlider img {
	position:center;
	top:0px;
	left:0px;
	width:100%;
	height:390px;
	margin:0px auto;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	color:#fff;
	left:50%;
	margin:0px 0px 0px -500px;
	width:1000px;
	height:390px;
	z-index:9985;
	display:block !important;
	opacity:1 !important;
}
.nivo-html-caption {
	display:none;
}
.ban-capt-desc {
	display:table;
	width:366px;
	float:right;
	height:390px;
	#position:relative; 
	overflow:hidden; 
	background:url(/images/light.png);
}
.ban-capt-desc .ban-capt-mid{
	 #position:absolute;
	 #top:50%;
	 display:table-cell;
	 vertical-align:middle;
}
.ban-capt-desc .ban-capt-in{
	#position:relative;
	#top:-50%;
	background:url(/images/black.png); 
	width:326px;
	padding:20px;
}
.ban-capt-in h1{
	font-size:26px;
	line-height:30px;
	padding-bottom:10px;
}
.ban-capt-in p{
	color:#a0a09f;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {
	height:96px;
	width:100%;
	position:absolute;
	bottom:145px;
	z-index:9990;
	display:inline-block !important;
}
.nivo-directionNav a {
	z-index:9;
	cursor:pointer;
	text-indent:-9999px;
}
.nivo-prevNav {
	width:51px;
	height:96px;
	float:left;
	display:inline-block !important;
	background:url(/images/banner-arrows.png) no-repeat 0px 0px;
}
.nivo-nextNav {
	width:51px;
	height:96px;
	float:right;
	display:inline-block !important;
	background:url(/images/banner-arrows.png) no-repeat -51px 0px;
}
.nivo-prevNav:hover {
	background:url(/images/banner-arrows.png) no-repeat 0px -96px;
}
.nivo-nextNav:hover {
	background:url(/images/banner-arrows.png) no-repeat -51px -96px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* cosmetics */
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	display:block;
}
.nivo-controlNav {
	left:49%;
	padding:5px 10px;
	position:absolute;
	border-radius:20px;
	bottom:20px;
	z-index:9990;
	box-shadow:0px 0px 2px #000;
	background:url(/images/bullets-bg.png);
}
.nivo-controlNav a{
	width:22px;
	height:23px;
	float:left;
	display:inline-block;
	position:relative;
	text-indent:-9999px;
	background:url(/images/bullets.png) no-repeat top;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active{
	background:url(/images/bullets.png) no-repeat bottom;
}

#body    h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
#body   .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
#body   .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}

#body   .tab{ }
#body   .tab-hd { 	background:url("/images/HituxCMSBold/box_titlebgb.png") no-repeat -100px top;border-top:1px solid #dddddd;
 overflow:hidden; zoom:1;}
#body   .tab-hd li{ float:left; width:100px; color:#fff; text-align:center; cursor:pointer;height:28px;line-height:28px;border-right:1px solid #DDDDDD;font-size:14px;}
#body   .tab-hd li.active{	background:url("/images/HituxCMSBold/box_titlebgb.png") no-repeat left top;
font-weight:bold;
padding:0px;
margin:0px;
padding-left:0;
}
#body   .tab-hd li.active a{
	color:#FFFFFF;
	font-size:14px;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:28px;
	background:none;}	
#body   .tab-bd li{display:none; padding:10px; border-top:0 none;}

#body  .DivList{
	font-size:12px;
	padding:0px;}

#body  .DivList .DivLi{
	padding:0px 10px 0px 0px;
	}
#body  .DivList .DivLi a{
	line-height:25px;
	padding:0px;
	height:25px;
	overflow:hidden;}	
#body  .DivList .DivLi span{
	color:#b70002;
	padding-right:20px;
	font-size:11px;
	width:80px;
	}


.PicBlock{
	padding:0px 0px 14px 14px;}
.PicBlock .CasePicBlock {
	float:left;
	width:125px;
	height:118px;
	overflow:hidden;
	padding:0px;
	margin:0px;}

.PicBlock .CasePicBlock  .BlockPic{
	width:104px;
	height:79px;
	overflow:hidden;}
.PicBlock .CasePicBlock  .BlockPic img{
	width:100px;
	height:75px;
	padding:1px;
	border:1px solid #dededc;
	overflow:Hidden;}
.PicBlock .CasePicBlock img:Hover{
	border:1px solid #00a0b2;}	
.PicBlock .CasePicBlock .BlockTitle{
	text-align:center;
	width:104px;
	height:36px;
	overflow:hidden;
	line-height:18px;
	background-color:#f5f5f5;}

/* main block*/
#body .MainBlockBG{
	background:#f2f2f2 url("/images/HituxCMSBold/main_bg1.jpg") repeat-x 0px top;
	width:100%;
	padding:20px 0px;}

#body .MainBlock{
	width:1080px;
	margin:auto;
	font-size:12px;
	}
#body .MainBlock .BlockInner{
	background-color:#FFF;
	border:1px solid #e5e5e5;
	height:236px}	
#body  .left2{
	float:left;
	width:330px;
	height:238px;
	overflow:hidden;
	}
#body  .left2 .BlockInner{
	padding:8px 10px;}

#body  .left{
	float:left;
	width:249px;
	height:238px;
	overflow:hidden;
	}
#body  .left .BlockInner{
	height:234px;
	overflow:hidden;
	}	
#body  .right2{
	float:right;
	width:256px;
	height:238px;
	overflow:hidden;
	font-size:12px;
	}
#body  .right{
	width:470px;
	float:left;
	height:238px;
	}
#body  .left ul li{
	padding-bottom:5px;
	}
#body  .left ul li img{
	padding:2px;
	border:1px solid #E5E5E5;
	width:190px;
	height:46px;}

#body .topic{
	height:28px;
 	line-height:28px;
 }
#body .topic .TopicTitle{
 	font-weight:bold;
	padding-left:20px;
	font-size:14px;
	color:#FFFFFF;
	float:left;
	}
#body .topic{
	border-top:1px solid #DDDDDD;
	background:url("/images/HituxCMSBold/box_titlebgb.png") no-repeat left top;
	color:#0099cc}

#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:20px;
	padding-top:10px;}
	
	
#body  .topic a{
	color:#FFFFFF;}	

#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{
	
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:9px;}
#body   .topic .TopicMore img{
	}				
	
#body    .MBlockTable td{
	line-height:25px;
	font-size:12px;
}

#body  .left .MBlockTable .ListTitle{
	background:url("/images/title_icon1.jpg") no-repeat 15px 10px;
	padding-left:30px;
}
#body    .MBlockTable td{
	text-align:left;
	padding-left:0;}
	
#body  .MBlockTable span{
	color:#9a9a9a;
	padding-left:10px;
	font-size:11px;}
		
	
#body .Block2 .right{
	height:210px;
	}
#body .Block2 .right2{
	height:210px;
	width:787px;
	}	
#body .MainBlock .left .img{
	padding:0px 10px 10px 10px;
	width:210px;
	float:left;}
#body .MainBlock .right h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .left .txt{

	padding:0px 10px 10px 10px;
	color:#6c6c6c;}
#body .MainBlock .left .txt p{
	line-height:200%;}
#body .MainBlock .right2 .img{
	padding:0px 10px 0px 10px;
	width:233px;}
#body .MainBlock .right2 h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .right2 .txt{
	float:left;
	padding:9px 10px 14px 10px;
	color:#6c6c6c;}

#body .MainBlock3{
	width:1080px;
	margin:auto;}
#body .MainBlock3 .right{
	
	border:none;}
#body .MainBlock3 .left{
	width:1080px;
	border:none;}
#body .MainBlock3 .right2{
 }


#body .blk_29 {	 PADDING:5px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
	
#body .blk_29 .LeftBotton {	 left:0px; background: url("/images/gallery-arrows.png") no-repeat 0px 0px; FLOAT: left; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 134px; HEIGHT: 114px}
#body .blk_29 .RightBotton {	background: url("/images/gallery-arrows.png") no-repeat -32px 0px;  FLOAT: right;right:0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 134px; HEIGHT: 114px}

#body .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:5px 0 0 0px;float:left;height:390px;width:1050px;POSITION: relative;left:50px;}
#body .blk_29 .box {	FLOAT: left; WIDTH: 250px;
	height:210px; 
	background:url("/images/HituxCMSBold/item_bg.jpg") no-repeat center bottom;

}
#body .blk_29 .box IMG {	BORDER: #F5F5F5 1px solid; PADDING: 1px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:80px;height:80px;}
#body .blk_29 .box A:hover IMG {	BORDER: #333 1px solid;text-decoration:none;}

#body .blk_29 .box  .BoxLeft{
	width:115px;
	float:left;}
#body .blk_29 .box  .BoxRight{
	width:115px;
	float:left;}
#body .blk_29 .box  .BoxRight .ProTitle{
	line-height:30px;
	font-size:14px;}
#body .blk_29 .box  .BoxRight .ProTxt{
	color:#666}
#body .blk_29 .box  .BoxRight .ProMore a{
	color:#F30;
	font-weight:bold;}


/* albumblock*/

 .albumblock2{
	padding:3px 3px 3px 3px;
	}
 .albumblock2 .inner2{
	width:320px;
	height:230px;
	position:relative;
	overflow:hidden;
	}

.albumblock2 .inner2 img{
	width:320px;
	height:230px;	}	

 .albumblock2 .inner2 .albumtitle{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	height:30px;
	line-height:30px;
	font-size:12px;
	width:320px;
	position:relative;
	bottom:30px;
	left:0;
	color:#FFF;
	background:#000;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .albumblock2 .inner2 .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock2 .inner2  a{
	 color:#FFF;}
 .albumblock2 .inner2  a:hover{
	text-decoration:none;}
 .albumblock2 .inner2  a:visited{
	text-decoration:none;}	
	






#body .ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 1150px; 
	font-size:12px;
	background:#FFF;
	margin:auto;
}




#body #Links {
	background-color:#FFFFFF;
	padding:10px 3px;
	line-height:25px;
	width:1200px;
	margin:auto;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:bold;
	color:#b70002;
	font-size:14px;}

#body #Links a{
	padding:0px 7px;}	