@charset "utf-8";
/* CSS Document */
html,body{margin:0; padding:0;}
body {   
 font-family: Arial, Helvetica, Verdana, Sans-serif;   
 font-size: 12px;   
 color: #666666;   
 background:#828282;}
 a{ color:#333333; text-decoration:none;}
 a:hover{ color:#333333; text-decoration:underline;}
#page-container { width: 968px; margin:auto;}
#table{ height:580px; background:#e3e3e3;}  
#header { height:70px; background:#efab00; margin-top:15px; margin-left:15px; width:936px;}
#logo{ float:left; height:70px; width:180px;}
#line{ position:absolute; width:50px; height:auto; margin-top:25px; font-size:14px; color:#FFFFFF;}
#top-right{ float:right; height:50px; width:280px; margin-top:20px; color:#333333;}
#tel{ float:right; margin-right:15px; margin-top:3px; display:inline;}
#flash{ height:300px; width:936px; margin-top:8px; background:#efab00; margin-left:15px;}
.box{ width:936px; height:160px; margin-top:8px; margin-left:15px;} 
.boxmain{ margin: 3px; float:left;padding: 0px; width:228px; height:160px; background:#FFFFFF; display:inline;}
.boxmain-contant{ width:145px; height:140px; margin-top:10px; margin-left:8px; float:left; display:inline;}
.boxmain-img{ background:#efab00; width:60px; height:60px; float:right; margin-top:50px; margin-right:0px;}
#footer{ width:968px; height:60px;}
#footer a{ color:#FFFFFF; text-decoration:none;}
#footer a:hover{ color:#FFFFFF; text-decoration:underline;}
#links{ float:left; width:400px; height:35px; margin-top:10px; color:#FFFFFF;}
#add{ float:right; width:400px; height:35px; text-align:right; margin-top:10px; color:#FFFFFF;}



#table-product{ height:900px; background:#e3e3e3;}
#box-product{ width:936px; height:800px; margin-top:8px; margin-left:15px; background:#fff;}
.box-p-left{ float:left; width:200px; height:800px; display:inline; BACKGROUND-IMAGE: url(http://www.zoonkin.com/img/LeftBg.jpg)}
.box-p-left-top{ width:200px; height:100px; background:#808080;}
.box-p-left-ban{ width:200px; height:200px;}

.box-p-center{ position:absolute; width:516px; height:450px; margin-left:10px;}
.box-p-center-img{ width:516px; height:100px; margin-bottom:10px;}
.box-p-center-content{ width:516px; height:500px;}
.box-p-center-boxtitle{ width:514px; height:20px; BACKGROUND-IMAGE: url(http://www.zoonkin.com/img/centerbg.gif); font-size:14px; color:#059; font-weight:bold; text-align:left; padding-top:8px; border-left:#eee 1px solid; border-right:#ddd 1px solid; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.box-p-center-boxmain{ width:514px; height:auto; margin-bottom:20px; border:#ddd 1px solid;}
.box-p-center-boxmaincontent{ width:auto; height:auto; padding-left:30px; padding-right:30px;}
.box-p-center-boximg{ float:left; width:112px; height:150px; margin-left:10px; margin-top:10px;}
.box-p-center-boxgnd{ float:right; width:aotu; height:150px; margin-top:10px; margin-left:10px;}
.box-p-center-boxbanimg{ float:left; width:auto; height:auto;}

.box-p-right{ float:right; width:200px; height:800px; BACKGROUND-IMAGE: url(http://www.zoonkin.com/img/RightBg.jpg); margin-left:10px;}
.box-p-right-boxtitle{ width:160px; height:aotu; background:#f4f4f4; margin-left:15px; margin-top:20px; padding-left:10px; padding-top:10px; font-size:14px; color:#059; font-weight:bold;}
.box-p-right-boxmain{ width:150px; height:aotu; background:#f4f4f4; margin-left:15px; padding-left:10px; padding-top:10px; padding-right:10px; }




#nav, 
#nav ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#808080 #808080 #808080 #808080; border-width:1px 1px 1px 1px; background:#e3e3e3; position:relative; z-index:200; font-size:12px; width:198px;}
#nav li li {background:#e3e3e3;}
* html #nav li {float:left;}
#nav li a {display:block; color:#888; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}
#nav li:hover {position:relative; z-index:300;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav, * html nav ul {width:1px;}
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
#nav li:hover > a {text-decoration:underline; color:#efab00;}
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#efab00;}
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}


/*Tab1*/
#lib_Tab1{width:514px;margin:0px;padding:0px;}
.lib_tabborder{border:1px solid #999;}
.lib_Menubox {height:28px;line-height:28px;position:relative;}
.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:3px; left:0; margin-left:10px; height:25px;text-align:center;}
.lib_Menubox li{float:left;display:block;cursor:pointer;width:114px;color:#949694;font-weight:bold; margin-right:2px;height:25px;line-height:25px; background-color:#eee;}
/*  www.codefans.net */
.lib_Menubox li.hover{padding:0px;background:#fff;width:116px;border-left:1px solid #999;border-top:1px solid #999;border-right:1px solid #999;
color:#059;height:25px;line-height:25px;}
.lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:aotu; text-align:left;padding-top:8px;}

/* flash */
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.box1 {
	WIDTH: 936px; height:300px;
}
.box1 .boxpadding {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#Slide {
	CLEAR: both; BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; MARGIN-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #fff 0px solid; WIDTH: 936px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 300px
}
#Slide A {
	COLOR: #000
}
.img {
	BORDER-RIGHT: #fff 0px solid; BACKGROUND: #fff; MARGIN: 0px auto; BORDER-LEFT: #fff 0px solid; TEXT-ALIGN: center
}
.box1padding {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BACKGROUND: #efab00; MARGIN-BOTTOM: 0px; BORDER-LEFT: #fff 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid
}

.thumb_title {
	MARGIN-TOP: 0px; BACKGROUND: #fff; FILTER: alpha(opacity=0); WIDTH: 936px; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; POSITION: absolute; HEIGHT: 25px; -moz-opacity: 0.0
}
#Slide_Thumb {
	MARGIN-TOP: 245px; MARGIN-LEFT: 0px; POSITION: absolute
}
.thumb_on {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	FILTER: alpha(opacity=50); -moz-opacity: 0.5
}
.thumb_on {
	FILTER: alpha(opacity=100); -moz-opacity: 1
}
.thumb_off IMG {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: #fff 2px solid; MARGIN-TOP: 0px; BORDER-LEFT: #fff 2px solid; WIDTH: 65px; BORDER-BOTTOM: #fff 2px solid; HEIGHT: 35px
}
.thumb_on IMG {
	BORDER-RIGHT: #fff 2px solid; BORDER-TOP: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 65px; BORDER-BOTTOM: #fff 2px solid; HEIGHT: 35px
}