@charset "utf-8";
#catabox{ width:856px; margin:0 0 0 33px; padding:12px 0 0; overflow:hidden; }

.cataleft{ width:176px; float:left; overflow:hidden;}
.cataleft h1{ padding:11px 0 13px;} 
.sidetit{ margin:0 0 10px; clear:both;}
.sidemenu{width:100px; margin:0 0 20px; overflow:hidden;}
.sidemenu li{ margin:0 0 8px; font-size:10px; float:left; width:100px;}
.sidemenu li a{ color:#818080; display:block; background:url(../images/locator/sidenav.gif) no-repeat left center; padding:0 0 0 16px; text-decoration:none;}
.sidemenu li a:hover,
.sidemenu li.current a{ color:#865624; background:url(../images/locator/sidenav_h.gif) no-repeat left center;}
.sidemenu li ul{display:none;}
.sidemenu li.current ul{display:block;}
.sidemenu li ul li{margin:0;}
.sidemenu li ul li a{background:none;}
.sidemenu li.current ul li a{color:#818080;background:none; }
.sidemenu li.current ul li.current a,.sidemenu li ul li a:hover{color:#865624;background:none;}


#catamsg{ width:162px; height: 233px;padding:5px 0 0 14px; margin:0 0 14px; background:url(../images/catalog/side_bg.gif) no-repeat; overflow:hidden;}
#catamsg .Container {  width:130px; height: 190px; float:left; margin:0 5px 0 0; padding:20px 0 0 0;}
#catamsg #Scrollbar-Container{float:left; position:relative;}
#catamsg #Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 130px;
  height: 190px;
}
#catamsg .Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  color:#fff;
  overflow:hidden;
  width:130px;
  font-size:10px;
  line-height:17px;
}
#catamsg .Scroller-Container p{ color:#fff; font-size:10px; margin:0 0 10px;}
#catamsg .Scrollbar-Track {
top:7px;
  width: 9px; 
  height: 214px;
  position: absolute;
  background:url(../images/news/slor_bg.gif) repeat-y;
}
#catamsg .Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
#catamsg .Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 221px;
}
#catamsg .Scrollbar-Handle {
  position: absolute;
  top: 0px; left: 0px;
  margin:0 0 0 0px;
  width: 9px;
  height: 61px;
  background:url(../images/news/slor.gif) no-repeat;
}

/*right*/
#cateright{ width:602px; height:416px; background:url(../images/catalog/pro_bg.gif) no-repeat; float:right; padding:12px 26px 12px 36px;}
#cateright .Container {  width:580px; height: 360px; float:left; margin:0 14px 0 0; padding:28px 0 0 0;}
#cateright #Scrollbar-Container-2{float:left; position:relative;}
#cateright #Scroller-2 { 
  position: absolute; 
  overflow: hidden;
  width: 580px;
  height: 360px;
}
#cateright .Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  overflow:hidden;
  width:580px;
}
#cateright .Scrollbar-Track {
top:7px;
  width: 9px; 
  height: 402px;
  position: absolute;
  background:url(../images/news/slor_bg.gif) repeat-y;
}
#cateright .Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
#cateright .Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 409px;
}
#cateright .Scrollbar-Handle {
  position: absolute;
  top: 0px; left: 0px;
  margin:0 0 0 0px;
  width: 9px;
  height: 61px;
  background:url(../images/news/slor.gif) no-repeat;
}

#catalist{ width:584px; overflow:hidden;}
#catalist li{width:58px; height:58px; float:left; margin:0 15px 15px 0;}
#catalist li a{display:block;}
#catalist li a img{border:1px #fff solid; padding:1px; display:block}
#catalist li a:hover img{border:1px #865624 solid; padding:1px;}



/**show**/