/* ----------  public css ---------- */

html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}



body {height:100%; font-size:12px; color:#7a7a7a; background:#cbf3f1 url(../images/body_bg.jpg) center top no-repeat; font-family:Arial,Helvetica, sans-serif;}



a{color:#3dab3a; text-decoration:none;}

a:hover {color:#054e5b; text-decoration:none;}

h1, h2, h3, h4, h5{font-family:微软雅黑,Arial,Helvetica,sans-serif;}

.wrapper { clear:both; width:100%; margin:0; padding:0;}



/* button & input style */

.button {padding-left:15px; height:30px; display:inline-block; background:url(../images/menu_bg.png) 0 -173px no-repeat;}

.button span{display:inline-block; padding-right:15px; line-height:20px; padding:5px 15px 5px 0; background:url(../images/menu_bg.png) 100% -173px no-repeat; color:#fff; font-weight:bold; text-shadow:#718fcd 1px 1px 0; cursor:pointer;}

.button:hover{ background-position:0 -203px;}

.button:hover span{background-position:100% -203px; text-shadow:#51c74d 1px 1px 0;}



.brtools{ clear:both; height:30px; overflow:hidden;}

.detail .brtools{ margin-top:30px;}





/* ----------  header ---------- */

.header{width:960px; margin:0 auto; position:relative; height:100px; padding-top:15px;}

.logo{ height:100px;}

.logo img{height:100px;}



.language{clear:both; height:26px; text-align:right; min-width:120px; position:absolute; right:0px; top:10px; padding:5px; display:inline; z-index:200;}

.language .current{border-style:solid; border-width:1px; border-color:#ccc #ccc #aaa #ccc; background:#eee url(../images/button_bg.gif) top repeat-x;color:#555; display:block;box-shadow:0px 1px 0px #ccc; text-shadow: #fff 1px 1px 0;color:#333; font-weight:bold;position:relative; z-index:2;}

.language .current span{ border-top:1px solid #fff;line-height:14px;padding:4px 19px 5px 11px; display:block; background:url(../images/down_arrow.png) right center no-repeat; text-align:center;}

.language .current:hover{color:#617624;}

.language.over .current{color:#054e5b; background:#fff;}



.language .select{display:none; position:absolute; left:0; top:0; width:100%;z-index:1;}

.language .select ul{  border:1px solid #b7b7b7; background-color:#f0f0f0; padding-top:36px; border-radius:2px;}

.language .select li{ clear:both; border-bottom:#fff 1px solid; text-align:center;}

.language .select li a{border-bottom:#ccc 1px solid; padding:3px 10px; line-height:20px; display:block;}

.language .select li a:hover{background-color:#fff;}

.language .select li.last, .language .select li.last a{ border:0;}



.topcart{position:absolute; right:0; top:50px; height:64px; padding-left:70px; display:inline; background: url(../images/header_cart.png) left center no-repeat; float:right; text-align:right;}

.topcart p{ color:#5B7020; line-height:24px; padding-bottom:5px; display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.price{ font-weight:bold; font-family: Tahoma,Geneva,sans-serif; }

.topcart p .price{ padding:0 5px; color:#f00;}



/* menu */

.menu {width:960px; height:47px; margin:15px auto; background:url(../images/menu_bg.png) 0 0 no-repeat;}

.sf-menu {position:relative; z-index:100; height:42px;}

.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}

.sf-menu ul {position:absolute; top:-999em;width:160px;}

.sf-menu ul li { clear:both; margin:0; padding:0; width:100%; background:none;}

.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li {float:left; position:relative; zoom:1; display:inline; padding-right:2px;background:url(../images/menu_bg.png) 100% -47px no-repeat;}

.sf-menu a, .sf-menu .current a{line-height:22px; font-weight:bold; padding:10px 30px;font-size:14px; display:block; text-shadow:0 1px 0 #333; color:#fff; letter-spacing:2px;}

.sf-menu li a:hover, .sf-menu li.current a:hover, .sf-menu li.current.sfHover a, .sf-menu li.sfHover a, .sf-menu li.sfHover a:hover{ color:#fff; background:url(../images/menu_bg.png) -15px -89px no-repeat;}

.sf-menu .first a:hover, .sf-menu .first.current a:hover{ background-position:0 -89px;}

.sf-menu li.current a{color:#fff; background:url(../images/menu_bg.png) -15px -131px no-repeat;}

.sf-menu .first.current a{background-position:0 -131px;}

.sf-menu li li{background: url(../images/menu_li_li_bg.gif) top repeat-x; padding:2px 0 0 0;}

.sf-menu li li.first{ background:none;}

.sf-menu li li a{ display:block; background:none; color:#a2d4a1; font-size:12px; font-weight:normal; padding:5px 10px; line-height:20px; margin:0;}

.sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li.sfHover a{ color:#fff;}

.sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.current li a, .sf-menu li.current.sfHover li a{color:#a2d4a1; font-weight:normal; padding:5px 10px;  background:none;font-size:12px;}

.sf-menu li li a:hover, .sf-menu li.current li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li a:hover, .sf-menu li.current.sfHover li a:hover{ background:none; color:#fff; outline:0;}

.sf-menu a.sf-with-ul {padding-right:40px;min-width:1px;}

.sf-sub-indicator {position:absolute;display:block;right:15px; top:1em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;}

a > .sf-sub-indicator {top:1em; background-position: 0 -100px;}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px; top:42px; z-index:999; background:#247e22; box-shadow:2px 2px 4px #999;}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:160px; top:0;}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:160px; top:0;}

.sf-menu ul .sf-sub-indicator { background-position:-10px 0;}

.sf-menu ul a > .sf-sub-indicator { background-position:0 0;}

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, 

.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; }

/*** shadows for all but IE6 ***/

.sf-shadow ul {background:url(../images/shadow.png) no-repeat bottom right;padding:0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}

.sf-shadow ul.sf-shadow-off {background: transparent;}





/* banner */
.banner{ clear:both; width:940px; margin:0 auto; height:260px; padding:10px 10px; background-color:#fff;-moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-khtml-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc; border-radius:3px;}
.slider_control{width:940px; height:260px; padding:0;position:relative; background:#fff url(../images/loading.gif) center no-repeat;}
.slider_control ul{padding:0; margin:0;list-style:none;position:relative;}
.slider_control ul li{display:none;clear:both;margin:0;padding:0;zoom:1;position:relative; width:960px; height:260px; overflow:hidden; position:absolute; top:0px; left:0px;}
.slider_control ul li .more{background: url(../images/slider_button.png) 0 0 no-repeat;height:17px; width:87px; line-height:17px; padding:7px 10px; display:block; font-size:13px; text-align:center;position: absolute; top:210px; right:40px; z-index:10; font-weight:bold;}
.slider_control ul li .more:hover{background-position:0 -31px;}
.slider_control ol{ clear:both; padding:0;margin:0;position: absolute; top:230px; list-style:none; height:11px;left:20px;}
.slider_control ol li{padding-right:5px;display:inline;float:left;height:11px;}
.slider_control ol li a{width:11px;height:11px;overflow:hidden;display:block;text-indent:-999px;background:url(../images/slider_disc.png) 0 0 no-repeat;}
.slider_control ol li a:hover{ background-position:0 -11px;}
.slider_control ol li a.current{ background-position:0 -22px;}


/* ----------  footer ---------- */

.footer {clear:both; width:100%; background-color:#b2edea; margin-top:50px;}

.copyright {margin:0 auto; width:930px; padding:0 15px 30px 15px; line-height:20px; position:relative; background:url(../images/menu_bg.png) center -233px no-repeat;line-height:32px; top:-15px;}

.copyright .col-1{ width:580px;}

.copyright .col-2{ width:350px; text-align:right;}

.copyright strong{ padding-right:5px;}

.copyright .title{ font-size:14px; color:#054e5b;}

.copyright p{ line-height:18px; padding-top:15px;}

.copyright span{ padding:0 5px;}

.copyright a.gray{color:#ccc;}

.copyright a.gray:hover{color:#666;}





/* ----------  index css  ---------- */

.content{ clear:both; padding:0;width:960px; margin:30px auto;}



.mainnews h3, .mainproduct h3, .mainaboutus h3{ font-size:16px; text-shadow:#fff 1px 1px 0; line-height:20px; margin-bottom:15px; padding-left:20px; background:url(../images/marker4.png) left center no-repeat; color:#054e5b;}



.readmore{ display:block; margin-top:10px; width:100px; font-size:13px; height:30px; line-height:30px; font-weight:bold; color:#fff; text-align:center; background:url(../images/readmore_bg.png) no-repeat; text-shadow:#1c2a62 1px 1px 0;}

.readmore:hover{ color:#3dab3a;}



.mainaboutus{padding:5px 15px 5px 0; width:250px; float:left; display:inline; background:url(../images/maingroup_bg.gif) 100% 0 repeat-y;}

.mainaboutus .photo{ width:240px; height:100px; background-color:#fff;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;-khtml-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999; border:5px solid #fff;}

.mainaboutus .photo table{clear:both;width:240px;height:100px;padding:0;margin:0;table-layout:fixed; overflow:hidden;}

.mainaboutus .photo table td{padding:0;margin:0;vertical-align:middle;width:240px;height:100px;text-align:center;}

.mainaboutus .photo table td img { max-width:240px; max-height:100px; width: expression(this.width >240 && this.height < this.width ? 240: true); height: expression(this.height > 100 ? 100: true);}

.mainaboutus p{ line-height:24px; padding-top:5px;}



.mainnews{padding:5px 0 5px 15px; width:320px; float:left; display:inline; }

.mainnewsscroll{overflow:hidden;}

.mainnewsscroll li{ width:100%; padding:7px 0 8px 0; background:url(../images/border_bot.gif) bottom repeat-x;}

.mainnewsscroll li a{ padding-left:18px; color:#054e5b; line-height:18px; background:url(../images/marker1.gif) 0 6px no-repeat;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display:block;}

.mainnewsscroll li a:hover{color:#3dab3a; background-image:url(../images/marker2.gif)}

.mainnewsscroll li a .date{ display:block; font-size:11px; font-weight:bold; font-style:italic; font-family:Tahoma, Geneva, sans-serif; color:#555;}



.mainproduct{padding:0 18px; width:324px; float:left; display:inline; background:url(../images/maingroup_bg.gif) 100% 0 repeat-y;}

.mainproduct li{ float:left; background-color:#fff; margin:7px 18px 8px 0; border:1px solid #054e5b; width:150px;-moz-box-shadow:1px 1px 2px #999;-webkit-box-shadow:1px 1px 2px #999;-khtml-box-shadow:1px 1px 2px #999;box-shadow:1px 1px 2px #999;}

.mainproduct li.odd{ margin-right:0px;}

.mainproduct li .sortname{ display:block; line-height:20px; font-weight:bold; padding:5px; color:#fff; background:url(../images/product_title_bg.gif) 0 0 repeat-x; text-align:center; text-shadow:#054e5b 1px 1px 0; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.mainproduct li .sortname:hover{color:#3dab3a;}

.mainproduct li .photo{ background-color:#fff; width:150px; height:150px; overflow:hidden; position:relative; z-index:2;}

.mainproduct li .photo table{clear:both;width:150px;height:150px;padding:0;margin:0;table-layout:fixed; overflow:hidden;}

.mainproduct li .photo table td{padding:0;margin:0;vertical-align:middle;width:150px;height:150px;text-align:center;}

.mainproduct li .photo table td img { max-width:150px; max-height:150px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 150 ? 150: true);}





/* ----------  pages css  ---------- */

.content .col-1{width:230px; margin-right:18px; border:1px solid #ccc; background:#eee;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset; border-radius:4px; padding:5px; display:inline;}

.content .col-2{ width:700px;}



.htmledit{ clear:both; overflow:hidden; line-height:150%; }

.htmledit table, .htmledit td,  .htmledit th{ border-collapse:inherit;}

.htmledit ul, .htmledit ol{list-style:inside; margin-left:24px;}

.htmledit ol{ list-style-type:decimal;}

.htmledit ul{ list-style-type:disc;}



.quoteinfo{ clear:both; line-height:20px; padding:15px 15px 15px 80px; background:#f8f8f8 url(../images/icon_quotes.png) 20px 20px no-repeat; margin-bottom:20px; border:1px solid #fff;border-radius:4px;}

.detail .htmledit .default_h4{ clear:both; line-height:20px; font-size:14px; color:#3dab3a; background:#eee; padding:5px 10px; margin-bottom:10px; border-radius:4px;}

.detail .htmledit .default_strong{ color:#828282; font-size:13px;}

.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}



.detail .htmledit .templist { width:100%; overflow:hidden; border-collapse:collapse;}

.detail .htmledit .templist th{ color:#333; padding:5px 10px; background:url(../images/mail_bg.gif) 0 -40px repeat-x; line-height:20px; text-align:left;border:1px solid #ccc;}

.detail .htmledit .templist td{ padding:5px 10px; line-height:20px; border:1px solid #ccc;} 

.detail .htmledit .templist tr.even td{background-color:#f8f8f8;}

.detail .htmledit .templist tr.odd td{background-color:#eee;}

.detail .htmledit .templist tr.over td{background-color:#fff;}



.navigation{height:30px; margin-bottom:10px; background:url(../images/border_bot.gif) bottom repeat-x; text-align:right;}

.navigation span{padding:0px 10px; background:url(../images/divider.gif) center no-repeat; display:inline-block;}

.navigation span, .navigation a{ line-height:30px; font-weight:bold; display:inline-block;}

.navigation a{ color:#555;}

.navigation a.home{ padding-left:20px; background:url(../images/icon_home.gif) 0 7px no-repeat;}

.navigation a:hover{color:#3dab3a;}

.navigation strong{color:#054e5b; font-size:14px;}



.content .col-1 h3{ font-size:16px; text-shadow:#fff 1px 1px 0; line-height:18px; padding:8px 0 8px 28px; background:url(../images/marker4.png) 8px center no-repeat; color:#054e5b; border-width:1px; border-style:solid; border-color:#ccc;}

.content .col-2 .detail{ height:auto!important;height:300px;min-height:300px; }

.content .col-2 .page_h2{ font-size:20px; color:#333; text-shadow:#fff 1px 1px 0; margin-bottom:20px;}



/*sidebar*/

.sidebar{clear:both;border-left:1px solid #ccc;border-right:1px solid #ccc;}

.sidebar li{clear:both; border-top:1px solid #fff; border-bottom:1px solid #ccc;}

.sidebar li a{ display:block;line-height:20px;padding: 6px 10px; font-size:14px; color:#333;}

.sidebar li a.nav-top-item{ padding-right:30px; position:relative;}

.sidebar li a.nav-top-item span{ width:16px; height:16px; overflow:hidden; background: url(../images/icon_closed.png) 0 0 no-repeat; display:block; position:absolute; top:8px; right:10px;}

.sidebar li li a.nav-top-item span{ right:5px;background-position:0 -16px;}

.sidebar li a.nav-top-item span.opened{ background-image:url(../images/icon_opened.png);}

.sidebar .current a, .sidebar .current .current a, .sidebar .current .current .current a{ color:#054e5b; font-weight:bold; }

.sidebar li ul{ background:#fff; padding:5px; border-top:1px solid #ccc;}

.sidebar li li{ margin:0; background:url(../images/border_bot.gif) bottom repeat-x; border:0;}

.sidebar li li.last{ background:none;}

.sidebar li li a, .sidebar .current li a{ color:#555;font-size:13px;  background:none; padding:6px 10px; font-weight: normal;}

.sidebar li li a:hover, .sidebar li li li a:hover, .sidebar .current .current li a:hover{ color:#054e5b; background:none;}

.sidebar .current a:hover, .sidebar li .current a:hover, .sidebar li .current .current a:hover{color:#054e5b;}

.sidebar li li ul{ padding:0 0 0 15px; background:none;}

.sidebar li li li{ border:0;}

.sidebar li li li a, .sidebar .current .current li a{color:#555; font-weight: normal;font-size:12px; }





.googlemap{border:1px solid #ccc; border-radius:4px; width:228px;}

.googlemap iframe{ margin:0; padding:0; overflow:hidden;}

.maplink{line-height:30px; font-size:13px; background-color:#eee; display:block; text-align:center; font-weight:bold; border-top:#ccc 1px solid;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset; color:#555;}

.maplink:hover{background-color:#fff; color:#054e5b; text-decoration:none;}





/* content list */

.content_list{ width:100%; overflow:hidden;}

.content_list table { width:100%;table-layout:fixed; overflow:hidden; border-collapse:inherit; background:url(../images/list_bg.png) 0 0 no-repeat;}

.content_list table th{text-align:left; padding:6px 10px 14px 10px; font-size:13px; line-height:20px; color:#333;}

.content_list table td{padding:10px; vertical-align:top; line-height:20px; background:url(../images/border_bot.gif) bottom repeat-x;}

.content_list table td a{color:#555;}

.content_list table td a:hover{ color:#3dab3a;}

.content_list table tbody tr.even td{background-color: transparent;}

.content_list table tbody tr.odd td{background-color:#b2edea;}

.content_list table tbody tr.over td{background-color:#fff;}

.content_list table tbody tr.out td{background-color:none;}

.nodata{ text-align:center; line-height:40px;}



.list_news td.T1{ width:65px; font-family: Tahoma,Geneva,sans-serif; text-align:center;}

.list_news th.T1{ width:65px;text-align:center;}

.list_news td.T1 .date{ display:block; width:51px; height:67px; text-align:center; border-radius:4px; background: url(../images/date_bg.png) 0 0 no-repeat; margin:0 auto;}

.list_news td.T1 .date span {display:block;}

.list_news td.T1 .date .day{ font-size:24px; line-height:30px; color:#fff;}

.list_news td.T1 .date .year_month{font-size:11px; font-weight:bold; color:#b2edea;line-height:16px;}



.list_news td .title{ font-size:13px; color:#054e5b; font-weight:bold; line-height:20px; display:block;}

.list_news td p{ line-height:20px; padding-top:5px;}

.list_news td .brtools{ margin-top:10px;}



/* ----------  page tools css  ---------- */

.grayr {margin-top:20px; padding:10px; FONT-SIZE:12px;text-align:center;}

.grayr a {PADDING:5px 8px;MARGIN:3px 5px;COLOR:#054e5b;TEXT-DECORATION: none; FONT-WEIGHT: bold; background-color:#fff;border-radius:2px;}

.grayr a:hover {COLOR:#3dab3a; background-color:#fff;}

.grayr a:active {COLOR:#fff; BACKGROUND-COLOR:#3dab3a;}

.grayr span.current {PADDING:5px 8px; FONT-WEIGHT: bold; MARGIN:3px 5px;COLOR:#fff; BACKGROUND-COLOR:#054e5b;border-radius:2px;}

.grayr span.disabled {PADDING:5px 8px; MARGIN:3px 5px; COLOR:#999; background-color:#ccc; FONT-WEIGHT: bold;border-radius: 2px;}





.detailstitle {margin-bottom:15px; overflow:hidden;background:url(../images/page_h3_bg.gif) center repeat-x; position: relative; padding:0 10px;}

.detailstitle h4 {line-height:20px; display:inline-block; color:#054e5b; font-size:14px; padding:5px 10px 5px 35px; background:#cbf3f1 url(../images/title_bg.png) 10px center no-repeat;}

.detailstitle .note {line-height:20px; display:inline-block; position:absolute;padding:5px; right:15px; text-align: right; top:0px;background:#cbf3f1;}

.nes {color:#d00;padding: 0 5px;}



.newstitle{margin-bottom:15px; border:3px solid #fff; position:relative;-moz-box-shadow:1px 1px 0 #f0f0f0;-webkit-box-shadow:1px 1px 0 #f0f0f0;-khtml-box-shadow:1px 1px 0 #f0f0f0;border-radius:10px; background:#054e5b;}

.newstitle h4 {color:#fff; font-size:14px; line-height:20px; padding:15px 90px 5px 40px; text-shadow:#333 1px 1px 0; position:relative; top:-5px; left:-15px; background:url(../images/icon_pin_blue.png) 0 0 no-repeat;}

.newstitle .date{ position:absolute; top:10px; right:15px; line-height:20px; text-align:right; font-family: Tahoma,Geneva,sans-serif; font-size:11px; font-weight:bold; color:#fff; text-shadow:#333 1px 1px 0;}





/* ----------  product list ----------  */

.productlist{clear:both; overflow:hidden;}

.productlist ul{ margin-left:15px;}

.productlist li{ float:left; background-color:#eee; border:1px solid #ccc; padding:5px; width:202px; border-radius:2px; margin:10px 14px 10px 0; display:inline;}

.productlist li.last{ margin-right:0px;}

.productlist li .photo{ background-color:#fff; width:200px; height:200px; overflow:hidden; border:1px solid #ccc;}

.productlist li .photo table{clear:both;height:200px;padding:0;margin:0;width:200px;table-layout:fixed; overflow:hidden;}

.productlist li .photo table td{padding:0;margin:0;vertical-align:middle;height:200px;width:200px;text-align:center;}

.productlist li .photo table td img { max-width:200px; max-height:200px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 200 ? 200: true); cursor:pointer;}

.productlist li .productname{padding:5px 10px; border-color:#fff #ccc #ccc #ccc; border-style:solid; border-width:1px; color:#054e5b;font-size:14px; line-height:20px; font-weight:bold; display:block; text-shadow: #fff 1px 1px 0; height:40px; overflow: hidden; text-align:center;}

.productlist li .productname:hover{ color:#3dab3a;}



/* ----------  product details ----------  */

.detail .leftcatalog{float:left; display:inline; width:314px; margin-right:8px; position:relative;}

.detail .catalog{float:left;width:74px; height:282px; margin-right:12px; background:#eee;border: 1px solid #ccc;border-radius:2px;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset; padding:15px 5px; position:relative;}

.detail .rightinfo{width:280px; height:314px; float:left; overflow:hidden; position:relative;}



.leftcatalog .showpic{width:302px; height:302px; position: relative; padding:5px; background-color:#eee;border: 1px solid #ccc;border-radius:2px;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset;}

.leftcatalog .showpic .hidden-container{ position:absolute; left:0; top:0;width:302px; height:302px; visibility:hidden;}

.leftcatalog .showpic table{table-layout:fixed;width:300px; height:300px; background-color:#fff;border: 1px solid #ccc;}

.leftcatalog .showpic table td{padding:0;margin:0;text-align:center;vertical-align:middle;width:300px;height:300px;}

.leftcatalog .showpic table td a{visibility:hidden;}

.leftcatalog .showpic table td img{ max-width:300px; max-height:300px; width:expression(this.width > 300 && this.height < this.width ? 300: true); height: expression(this.height > 300 ? 300: true);}



.zoomDiv {z-index:999;position: absolute;top:0; left:0;width:200px;height:200px;background:#fff;border:2px solid #eee;display:none;text-align: center;overflow:hidden; margin:-7px 0 0 3px;}

.zoomMask { position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}



.catalog .prev {position:absolute;left:34px;top:2px; background:url(../images/btn_turn.gif) 0 0 no-repeat; width:16px; height:11px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}

.catalog .prev:hover{ background-position:-16px 0;}

.catalog .next {position:absolute;left:34px; bottom:2px; background:url(../images/btn_turn.gif) 0 -11px no-repeat; width:16px; height:11px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}

.catalog .next:hover{ background-position:-16px -11px;}

.thumbs_list{z-index:2; border:1px solid #ccc; background-color:#f7f7f7; padding:0 5px;width:62px; height:280px;}

.thumbs_list ul{ clear:both; width:62px;overflow:hidden; margin:4px 0 !important;}

.thumbs_list li{width:60px;height:60px;border-width:1px; border-style:solid; margin-bottom:8px;cursor:pointer;position:relative;border-color:#ccc;}

.thumbs_list li.over{ border-color:#3dab3a;}

.thumbs_list li .bg{ width:60px; height:60px; overflow:hidden; position:absolute; display:none; z-index:2; top:0; left:0; background:url(../images/icon_amplify.png) no-repeat;}

.thumbs_list li table {clear:both;width:60px;height:60px;table-layout:fixed; position:relative; z-index:1;}

.thumbs_list li table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:60px;height:60px;}

.thumbs_list li table td img{max-width:60px; max-height:60px; width: expression(this.width >60 && this.height < this.width ? 60: true); height: expression(this.height > 60 ? 60: true);}



.rightinfo .slogen {color:#3DAB3A;display: block;line-height: 16px;padding-bottom: 5px;}

.rightinfo .productname{font-size:18px; color:#054e5b;line-height:20px; padding-bottom:15px; display:block; text-shadow:#fff 1px 1px 0;}

.rightinfo .productinfo{padding:0; margin:0; width:100%;}

.rightinfo .productinfo td, .rightinfo .productinfo th{line-height:20px; vertical-align:top;background:url(../images/border_bot.gif) bottom repeat-x; color:#555;}

.rightinfo .productinfo td{padding:5px 0; }

.rightinfo .productinfo td p{line-height:20px; overflow:hidden;}

.rightinfo .productinfo th{width:80px; padding:5px 10px 5px 0; text-align:right; color:#333;}

.rightinfo .productinfo td span{ padding:0 5px;}

.rightinfo .productinfo td .download{ display:inline-block; padding-left:22px; line-height:18px; background:url(../images/ico_pdf.gif) 0 0 no-repeat;}

.rightinfo .brtools{ margin:10px 0 0 0;}



.rightinfo .sharetools{ background-color:#eee; border:1px solid #ccc; width:258px; padding:10px;border-radius:4px; position:absolute; left:0; bottom:0; height:40px;}

.mailshare {background:#eee url(../images/mail_bg.gif) top repeat-x; border-style:solid; border-width:1px; border-color:#ccc #ccc #aaa #ccc; border-radius:3px; color:#555; display: inline-block;font-size: 13px; text-decoration: none; font-weight:bold; box-shadow:0px 1px 0px #ccc;  text-shadow: #fff 1px 1px 0; float:right;}

.mailshare span{ border-top:1px solid #fff;line-height:22px;padding:8px 10px 9px 45px; display:inline-block;border-radius:2px; background: url(../images/icon_mail.png) 10px center no-repeat;}

.mailshare:hover {color:#333; background-position:0 bottom;}

.mailshare:hover span{ border-color:#ddd;}

.sharetools strong{ color:#666; font-size:13px; padding-right:10px; float:left; line-height:40px;}

.sharetools .icon1, .sharetools .icon2, .sharetools .icon3{line-height:26px; padding:0; background-repeat:no-repeat; background-image:url(../images/shareicon_bg.gif); height:26px; float:left; display:block; width:26px; overflow:hidden; margin:7px 5px 7px 0px; text-indent:-999px;}

.sharetools .icon1{ background-position:0 0;}

.sharetools .icon2{ background-position:0 -26px;}

.sharetools .icon3{ background-position:0 -52px;}



/* ----------  popwin ----------  */

.popmask{ position:absolute;background:url(../images/mask_bg.png);border:none;height: 100%;left: 0; margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index:3000; display:none;}

.popwin{left: 50%; margin-left:-300px; padding:10px;position: fixed; top: 50%;z-index:3001; width:580px; background:url(../images/pop_side.png); display:none; border-radius:5px;}

.popwin .hide_box{background-color:#fff; position:relative; border-radius:3px;}

.popwin .hide_box h3{background: url(../images/page_bg.gif) 0 100% repeat-x; font-size:14px;line-height: 20px;padding:5px 10px;text-shadow: 1px 1px 0 #fff; color:#333;}

.hide_box .closebr{background: url(../images/bg_image.png) -512px -415px no-repeat; display: block; height:30px; overflow: hidden;position: absolute;right:-20px;text-indent:-999px;top:-23px;width:23px;}

.hide_box .closebr:hover{ background-position:-535px -415px;}

.popwin .hide_box .popcontent{ clear:both; padding:15px;}

.popwin .hide_box .popcontent p{ line-height:24px;}

.popwin .hide_box .popcontent p .price{ padding:0 5px; color:#85af1f;}

.popwin .hide_box .brtools{ margin-top:10px;}



#mailshare{margin-top:-250px;}

#popcart{margin-top:-80px;}

.popwin .price{color: #f00; padding:0 5px;}

#popcart p{ padding-left:65px; background:url(../images/icon_addcart.png) left center no-repeat;}





/* ----------  contact us details ----------  */

.from_post{ padding: 0 15px;}

input, textarea{color:#9a9a9a; padding:2px 4px; border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; background:#fff url(../images/input.gif) 0 0 no-repeat; line-height:20px; height:20px;}

textarea{height:80px;width:250px;}

select{border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; height:20px; color:#9a9a9a; margin-top:3px; background:#fff url(../images/input.gif) 0 0 no-repeat;}

input:focus, textarea:focus{color:#054e5b; background-image:none; border-color:#054e5b;}

input.type1{ width:250px;}

input.type2{ width:80px;}

input.type3{ width:30px;}

select.type1{ width:260px;}

select.type2{ width:90px;}

select.type3{ width:50px;}

.from_post input, .from_post select, .from_post textarea{ float:left;}

.from_post .fg{padding:0px 5px; line-height:26px; float:left; display:inline;}

.from_post table {clear:both; width:100%;}

.from_post td{padding-bottom:10px; vertical-align:top;}

.from_post td.td1{text-align:right; width:120px; font-weight:bold;line-height:26px; padding-right:10px; color:#4c4c4c;}

.from_post td.td2{width:280px;vertical-align:top;}

.from_post td.td2 img{vertical-align:middle; padding:4px 0 0 10px;cursor:pointer;}

.from_post td.td3 img{ padding:0 5px 0 0}

.from_post td.td3 span{line-height:18px; color:#999; margin:3px 0; display:block;}

.from_post .radio, .from_post .checkbox{ background:none; display:inline; border:0; padding:0px; width:13px; height:13px; margin:6px 3px 6px 5px; float:left;}

.from_post .brtools{ margin:10px 0 0 130px;}