body{ margin:0; margin-left:8px; background: url(images/.gif) top ;}
#body2{background: url(images/xiangyun3.gif) top ; margin:auto; width:1000px;}
body,td,th,input{ 
	font-family: Arial,Verdana,Tahoma;
	font-size: 12px;
	color: #666;
}

.news1{ background:url(images/dot_black.gif) 5px 9px no-repeat;color:#000; padding-left:15px;line-height:26px;height:24px;overflow:hidden; text-overflow:elipsis; }
.news1 b{ float:right;padding-right:15px; font-weight:100; font-size:11px; color:#888}

.news4{ background:url(images/dot_grey.gif) 2px 10px no-repeat;color:#000; padding-left:11px;line-height:26px;height:24px;overflow:hidden; text-overflow:elipsis; }
.news4 b{ float:right;padding-right:15px; font-weight:100; font-size:11px; color:#888}

.news3{ background:url(images/.gif) 5px 9px no-repeat;color:#000; padding-left:8px;line-height:26px;height:24px;overflow:hidden; text-overflow:elipsis; }
.news3 b{ float:right;padding-right:15px; font-weight:100; font-size:11px; color:#888}
.news2{ background:url(images/.gif) 2px 11px no-repeat; padding-left:19px;  line-height:25px;height:25px;overflow:hidden; text-overflow:elipsis; }

.news5{ background:url(images/.gif) 5px 9px no-repeat;color:#000; padding-left:25px;line-height:29px;height:27px;overflow:hidden; text-overflow:elipsis; }
.news5 b{ float:right;padding-right:20px; font-weight:100; font-size:11px; color:#888}
a {color:#666; text-decoration:none;  }
a:hover{ color:#000; text-decoration:underline}
#top0{
	width:990px;
	margin:auto;
	
	
    padding-bottom:5px;
	background:url(images/top0bg.gif) bottom no-repeat #fff;
	
}
#body0{
	width:964px;
	margin:auto;
	padding:14px 10px 13px 10px;
	
	background:url(images/body0bg.gif) top repeat-y   #fff;
	
}
#hw02{ float:left; width:100px;  overflow:hidden; text-align:center; }
#hw02 a{ display:block; width:88px; height:88px; border:1px solid #fff; margin:6px auto;}
#hw02 a:hover{ border:1px solid #ddd;}
#hw02 a img{ border:0; max-width:89px; max-height:88px; width:expression(this.width > 89 && this.height < this.width*88/89 ? 89: true);  height: expression(this.height > 88 ? 88: true);margin-top: expression(this.height < 88 ? (88-this.height)/2: 0); }
#hw02 span{ color:#f60; font-size:11px; font-weight:bold;}
#foot0{

	clear:both;
	width:956px;
	padding:12px 15px 0 18px;
	margin:auto;
	background:url(images/foot0bg.gif) top no-repeat ;
	
	 
	font-size:12px;
	
}#foot0 a{  }

#links{ float:right;line-height:20px;color:#BDBDBD; font-size:10px; font-family:Arial}
#links a{ color:#BDBDBD; padding:0 3px; text-transform:capitalize;}
#links a:hover{ color:#000}
.viewstable { background:#ccc;}
.viewstable td{ background:#fff; width:50%;}
.viewstabletitle{ background:#eee; font-weight:bold; padding:1px; border:1px solid #ccc; border-bottom:0}
.viewscontent1{ border-top:3px solid #06c; color:#06c; margin:9px; padding:3px;}

#left0{ 
	width:165px; padding-left:5px;
	float:left;
	/*overflow:hidden;*/
}
#right0{
	width:784px;	
	float:right;
	/*overflow:hidden;*/
	
}
#right1{ width:580px;float:left; padding:0 0px 5px 0px;  background:#fff; }/*overflow:hidden;*/
#right2{ width:200px; 
	float:right;
	/*overflow:hidden; */
}



#showpage {font-family:arial;  color:#6F6F6F; float:left; padding-left:4px; font-size:14px; margin-top:-1px;}
#showpage a{  color:#6F6F6F; font-size:11px; font-weight:bold;  }
.showpage1{ background:#000;padding:0 5px;}.showpage1:hover{ background:#6f6f6f; text-decoration:none;}
.showpage2{ }
.showpage2:hover{ color:#6f6f6f}


#bar0{
	text-align:left; 
	padding-left:10px;

	background:url(images/star2.jpg) no-repeat 3px;
	line-height:30px;
	font-size:11px; font-weight:bold;
	
	font-size:14px; color:#c00; font-weight:bold;
}#bar0 a{ color:#c00}

#bar{
	text-align:left; 	
	line-height:28px; 
	background:url(images/.gif) repeat-x;	
	font-size:12px; color:#000; font-weight:100;
	text-align:right;
	margin-bottom:38px;	 float:right;
  	padding-right:14px;
}
#bar span {font-size:23px;  color:#6e6e6e; float:left; text-transform:capitalize; display:none;}
#bar b{font-size:23px;  color:#828282; float:left; text-transform:capitalize; font-weight:100; margin-top:-6px;}

#clr{ clear:both;} 
.clr{ clear:both;}

.baidu_picbg {background: url(images/baidu_picbg.gif) #fff; border-bottom:1px solid #fff;}
.hw00{ float:left; width:188px;  overflow:hidden; }
.hw00 .hw1{ text-align:center;margin:4px 0 3px 0;height:150px; width:150px; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw00 .hw1 a img{ border:0; max-width:150px; max-height:150px; width:expression(this.width > 150 && this.height < this.width*150/150 ? 150: true);  height: expression(this.height > 150 ? 150: true);margin-top: expression(this.height < 150 ? (150-this.height): 0); }
.hw00 .hw2{ text-align:center; line-height:1.3;height:85px; width:150px;}
.hw00 .hw2 b{ background:#E8ECED; color:#a00; font-weight:100; font-size:12px;}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{  color:#6e6e6e;  font-size:12px; text-transform:capitalize;}
.hw00 .hw2 span{ color:#a00; font-size:12px;font-weight:100;}
.hw00 .hw2 s{ color:#999; font-size:12px; padding:0 5px;}
.hw00 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

.hw02{ float:left; width:130px;  overflow:hidden; }
.hw02 .hw1{ text-align:center;margin:8px auto;height:100px; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw02 .hw1 a img{ border:0; max-width:100px; max-height:100px; width:expression(this.width > 100 && this.height < this.width*100/100 ? 100: true);  height: expression(this.height > 100 ? 100: true);margin-top: expression(this.height < 100 ? (100-this.height): 0); }
.hw02 .hw2{ text-align:center; line-height:1.3; margin:auto; height:55px; font-size:10px; }
.hw02 .hw2 b{ display:none;}
.hw02 .hw2 br{ line-height:7px;}
.hw02 .hw2 a{  color:#6e6e6e;  font-size:12px; text-transform:capitalize;}
.hw02 .hw2 span{ color:#a00; font-size:12px;font-weight:bold;}
.hw02 .hw2 s{ display:none}
.hw02 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}


.f1gif{ color:#6e6e6e;  font-size:12px; text-transform:capitalize;text-align:center; line-height:1.3; padding:0 2px; width:150px;}
 
#topa1{ padding-bottom:4px; padding-left:8px;}
#topa1 img{ vertical-align:middle;}
#topa1 a{ color:#BDBDBD; font-size:10px; font-family:arial; padding:0 3px;}
#topa1 a:hover{ color:#000;}

#topa2 a{ color:#777; font-weight:700; font-family:Arial, Helvetica, sans-serif; padding:0 3px;}
#topa2 a:hover{ text-decoration:none; color:#000;}

#topa3 h5 {	font:bold 12px/25px Arial, Helvetica, sans-serif;}
#topa3 a{ color:#5F1D1D; font-family:Arial, Helvetica, sans-serif; ;}
#topa3 a:hover{ text-decoration:none; color:#000;}
#topa3 li {	font:100 11px/25px Arial, Helvetica, sans-serif; margin:0 auto; padding:0; color:#5F1D1D;}


#box1{ border:1px solid #ddd; padding:3px; text-align:center; margin:6px 0;}


#searchtext{height:16px; padding:0 4px 0 4px; font-size:12px;}


#lefthref1{ padding-bottom:30px; line-height:1.6; }
.titlespan{ display:block; text-align:left; text-indent:5px; font-size:14px; height:18px; line-height:18px; font-weight:bold; color:#000; background:#aaa; text-transform:uppercase; margin:4px 0 0 0;}
.bodyspan{ text-align:center; background:url(images/leftbg.gif);  padding:4px 0; display:block}

#right_hot {
	border:1px #CCCCCC solid; width:245px; height:285px; margin:5px auto;
}
#right_hot h2 {
	background:#EFE6E7; border-bottom:1px #ccc solid;font: bold 15px/26px Arial, Verdana, Helvetica, sans-serif;color:#f00; text-align:left; padding-left:15px;
}
#right_hot .INDEX_PROS {
	border:1px solid #ccc; padding:2px; width:43px; height:44px; float:left; margin: 7px 15px; display:inline
}.menus {
	font: 11px/30px Verdana, Arial, Helvetica, sans-serif; display:block; background:#EFE6E7; border-bottom:1px #ccc solid;border-top:1px #ccc solid; margin:0 auto; padding:0 0 0 10PX; margin-left:-2px; color:#565656; width:694px;
}.hw33{ max-width:330px; border:1px solid #ddd; background:#fff;}

#left01{ background:#565A5D;color:#e3e3e3; font-weight:bold; font-size:10px; text-transform:uppercase; padding-left:5px; line-height:20px;}
#left01 a{ color:#e3e3e3; }

#leftbox{   margin-bottom:10px; background:url(images/catelogbg.gif) bottom #fff; border:0; padding:10px 0 10px 0; }

#left02{ background:#565A5D;color:#fff; font-weight:bold; font-size:12px; text-transform:uppercase; padding-left:5px; line-height:20px; margin-bottom:10px;}
#left02 a{ color:#fff; }
#leftbox2{   margin-bottom:10px;padding-bottom:10px; border:1px solid #565A5D ;background:url(images/barbg2.gif) repeat-x;}


#left03{background:url(images/titlebg3.gif) top #fff; color:#900; font-weight:bold; font-size:12px;  padding-left:16px; height:27px;  line-height:27px;}/*overflow:hidden;*/
#left03 a{ color:#900}
#left03 a:hover{ color:yellow}
#leftbox3{   margin-bottom:10px; background:url(images/catelogbg3.gif) bottom #fff; border:0; padding:0px 0 10px 19px; }


.insort55{  height:55px;}
.insort55 td b{ background:#c00; color:#fff; font-size:9px; padding:0px 1px 1px 1px; display:block; font-family:verdana; font-weight:100;}
.insort55 td{ font-weight:100;font-size:12px;}
.insort55 a{  color:#000; }
.insort55 a:hover{  color:#f60; }
.insort55 img{width:36px; height:36px; border:0; margin-right:2px;}
.insort55 span { color:#c00;}.insort55 b{ color:#aaa;} 


.color{
	width:350px; text-align:left; margin-top:10px;
}

.color a{
	border:1px #fff solid;
}
.color a:hover {
	border:1px #B3B3B3 solid;
}

.color a img{
	border:1px #fff solid;
}
.color a:hover img {
	border:1px #666 solid;
}
#hovers a {
	border:1px #B3B3B3 solid;
}

#hovers a img {
	border:1px #666 solid;
}

/* index */
	#barSep
	{
		background: transparent url(images/land_bg_bar.jpg) repeat-x;
		height:30px;
		width:782px;
		margin:0 0 0 1px;
	}
	#freeshippingDetails
	{
		
		text-align:right;
		font-size:16px;
		font-weight:bold;
		color:#000;
		padding:10px;
		margin:0 0 0 1px;
		left:0;
		width:762px;
		height:20px;
		position:absolute;
		z-index:45;
		background: Transparent url(images/whiteTransparent.png) repeat;
		_background:none;
		_background-color:#fff;
		visibility:hidden;
		top:480px;
	}
	#freeShipping
	{
		float:right;
		height:16px;
		margin:7px 10px 0px 10px;
		cursor:pointer; 
		

	}
	#freeImg ,#details
	{
		
		float:left;
	}
	
	#details
	{
		margin-left:10px;
		margin-top:2px;
		text-decoration:underline;
		font-size:12px;
		line-height:12px;
	}
	#details:hover
	{
		color:#000;
	}
/* VIEWS */
#basic-accordian{
	width:400px;
	z-index:2;
	height:300px;
	position:absolute;
	overflow:hidden;
	z-index:999px;
}

.accordion_headings{
	padding:2px 2px 2px 14px;
	background:url(images/closed.gif) no-repeat 0 4px;
	color:#3B3B3B;
	cursor:pointer;
	font-weight:100;
}

.accordion_headings:hover{
	color:#CBCBCB;
}

.accordion_child{
	padding-left:15px;
	background:#fff;
	height:180px;
	font:100 11px Arial, Helvetica, sans-serif;
	width:385px ;
	text-align:left;
	margin:0 auto;
	overflow:auto;
	/*   滚动条 */
	overFlow: auto ;  /* visible ：却省的 hidden auto scroll */
	overFlow-x: hidden ;
	/*   滚动条相关的颜色属性 */
	scrollBar-face-color: #DBDADA;        /* 滑块 */
	scrollBar-hightLight-color: #efefef;    /* 高亮 */
	scrollBar-3dLight-color: #efefef;    /* 3维光线 */
	scrollBar-darkshadow-color:#efefef;    /* 暗影    */
	scrollBar-shadow-color:#efefef;      /* 阴影   */
	scrollBar-arrow-color:#fff;       /* 箭头 */
	scrollBar-track-color:#efefef;         /* 滑道颜色 */
	scrollBar-base-color:#efefef;          /* 主要颜色 */
	
	
}
.header_highlight{
	background:url(images/open.gif) no-repeat 0 4px;
}

.texthome td {
	padding-left:2px; font:100 11px/18px Tahoma, Geneva, sans-serif; white-space:1px;
}
#gondgao{ width:1003px; margin:0 auto }
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background:url(images/gong_bei.gif); color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: url(images/toggleleft.gif) no-repeat left bottom #f9ecec; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;color:#333333;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color:#f9ecec; color:#333333; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}