/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}
body {height:100%; font-size:12px; color:#999; background-color:#021821;}

a {color:#fff; text-decoration:none;}
a:hover {color:#14696b; text-decoration:none;}

h1, h2, h3, h4, h5{font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.price, .date{font-family: Tahoma, Geneva, sans-serif;font-weight:bold;}

.wrapper { clear:both; width:100%; margin:0; padding:0;background-image:url(../images/page_bg.gif); background-position:0 0; background-repeat:repeat-x; background-color:#eee;}

/* button & input style */
.button {padding-left:15px; height:26px; display:inline-block; background:url(../images/bg_image.png) 0 -168px no-repeat;}
.button span{display:inline-block; padding-right:15px; line-height:16px; padding:5px 15px 5px 0; background:url(../images/bg_image.png) 100% -168px no-repeat; color:#fff; font-weight:bold; text-shadow:#666 1px 1px 0;}
.button:hover{ background-position:0 -194px;}
.button:hover span{background-position:100% -194px; color:#14696b;  text-shadow:none;}

.brtools{ clear:both; height:26px;}
.detail .brtools{ margin-top:30px;}


/* ----------  header ---------- */
.header{width:960px;height:180px; margin:0 auto 20px auto;}
.header .col-1{ width:660px; margin-right:20px;}
.header .col-2{ width:280px;}
.logo{ height:100px; padding:20px 0 10px 0; display:block;}
.logo img{height:100px;}


.language{clear:both; height:26px; float:right; position:relative;}
.language a{text-shadow:#000 1px 1px 0; color:#eee;}
.language a:hover{ color:#14696b;}
.language .current{ height:18px; line-height:18px; display:block; width:74px; padding:3px 30px 5px 5px; text-align:center; background:url(../images/bg_image.png) no-repeat -452px -389px;}
.language .current.over{ background-position:-561px -389px;}
.language ul{ display:none; width:105px; position:absolute; right:2px; top:26px; background-color:#444;border-radius:3px;}
.language li{ width:100%; padding-top:2px; background:url(../images/language_li_bg.gif) top repeat-x; text-align:center;}
.language li a{ line-height:30px;}
.language li.first{ padding-top:0px; background:none;}
.language{ z-index:200;}

.topcart{ margin-top:20px; height:64px; padding-left:80px; display:inline; background:url(../images/bg_image.png) -752px -306px no-repeat; float:right; text-align:right;}
.topcart p{ color:#fff; line-height:24px; padding-bottom:10px;}
.topcart p .price{ padding:0 5px; color:#14696b;}
.gocart{ height:21px; display:inline-block; background:url(../images/bg_image.png) 0 -220px no-repeat; padding-left:15px;}
.gocart span{height:21px; line-height:19px; padding-right:25px; display:inline-block; color:#666; text-shadow:#fff 1px 1px 0;background:url(../images/bg_image.png) 100% -220px no-repeat;}
.gocart:hover span{ color:#14696b;}

/* menu */
.menu { clear:both; width:956px; height:41px;  background:url(../images/bg_image.png) 0 0 no-repeat; padding:2px 2px 3px 2px;}
.sf-menu {position:relative; z-index:100;height:41px;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu li.first{ padding-left:0; background:none;}
.sf-menu ul {position:absolute; top:-999em;width:160px;}
.sf-menu ul li { clear:both; margin:0; width:100%; background:none;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; padding-left:2px; background:url(../images/menu_li_bg.gif) 0 0 repeat-y; float:left; position:relative; zoom:1; display:inline;}
.sf-menu a, .sf-menu .current a{line-height:21px; font-weight:bold; padding:10px 30px;font-size:14px; display:block; font-family:微软雅黑,Arial,Helvetica,sans-serif; text-shadow:0 1px 0 #333; color:#ACE9EA; 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/bg_image.png) -15px -46px no-repeat;}
.sf-menu .first a:hover, .sf-menu .first.current a:hover{ background-position:0 -46px;}
.sf-menu li.current a{color:#fff; background:url(../images/bg_image.png) -15px -87px no-repeat;}
.sf-menu .first.current a{background-position:0 -87px;}
.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:#ACE9EA; font-size:13px; 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:#ACE9EA; font-weight:normal; font-size:12px;padding:5px 10px;  background:none;}
.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:41px; z-index:999; background:#156e71;box-shadow:3px 3px 4px #333;}
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:950px; margin:0 auto 15px auto; height:330px; background-color:#fff; border:5px solid #333; position:relative;}
.slider_control {position:relative;width:950px;height:330px;background:#fff url(../images/loading.gif) center no-repeat; overflow:hidden;}
.slider_control ul {height:330px; position:absolute; z-index:1;}
.slider_control ul li {float:left; width:950px; height:330px; overflow:hidden; position:relative; background:#fff;}
.slider_control ul li div {position:absolute; overflow:hidden;}
.slider_control .btnBg {position:absolute; width:950px; height:35px; left:0; bottom:0; background:#000; z-index:2;}
.slider_control .btn {position:absolute; float:right; height:19px; padding:3px 10px; right:0; bottom:5px; text-align:right; z-index:3;}
.slider_control .btn span {display:block; float:left; width:19px; height:19px; _font-size:0; margin-left:8px; cursor:pointer; background-image:url(../images/bg_image.png); background-repeat:no-repeat; background-position:-452px -445px; overflow:hidden;}
.slider_control .btn span.on {background-position:-490px -445px;}
.slider_control .prevnext { z-index:3; width:45px; height:100px; position:absolute; top:115px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.slider_control .prev {left:0;}
.slider_control .next {right:0; background-position:right top;}


/* ----------  footer ---------- */
.footer {clear:both; width:100%; background:#021821 url(../images/bg_image.png) center -645px no-repeat;}
.copyright { padding:30px 0 50px 0; width:960px; margin:0 auto;}
.copyright .col-1{ width:580px; margin-right:20px;}
.copyright .col-2{ width:360px; text-align:right;}
.copyright strong{ padding-right:5px; color:#fff;}
.copyright .title{ font-size:14px;}
.copyright p{ line-height:20px;}
.copyright p span{ padding:0 5px;}
.copyright a.gray{color:#222;}
.copyright a.gray:hover{color:#555;}

/* ----------  index css  ---------- */
.content{ clear:both; width:960px; margin:0 auto; padding:12px 0 40px 0;}

.mainproduct{ clear:both; width:960px;}
.mainproduct .titletext{ font-size:20px; text-shadow:#666 1px 1px 0; line-height:40px; padding-bottom:25px; text-align:center; margin-bottom:15px; background:url(../images/bg_image.png) center -241px no-repeat; font-weight:bold; color:#fff;font-family:微软雅黑,Arial,Helvetica,sans-serif; letter-spacing:2px;}

.mainproduct li{ position:relative; width:220px; height:247px; padding:3px 3px 20px 3px; background:url(../images/bg_image.png) 0 -306px no-repeat; margin-right:18px; float:left; display:inline;}
.mainproduct li.last{ margin-right:0;}
.mainproduct li .bg{position:absolute; top:0px; left:0px; width:226px; height:250px; z-index:1; background:url(../images/bg_image.png) -226px -306px no-repeat;}
.mainproduct li .photo{ width:220px; height:220px; margin-bottom:3px; z-index:2; position:relative;}
.mainproduct li .productname{ display:block; font-weight:bold; line-height:20px; padding:0 5px; z-index:2; position:relative; color:#fff; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.mainproduct li .label_new{ width:50px; height:50px; position:absolute; top:-2px; left:-2px; z-index:3; background:url(../images/label_new.png) 0 0 no-repeat; overflow:hidden;}
.mainproduct li .photo table{padding:0;margin:0;text-align:center; table-layout:fixed;vertical-align:middle;width:220px;height:220px;}
.mainproduct li .photo table td{padding:0;margin:0;vertical-align:middle;width:220px; height:220px;text-align:center;}
.mainproduct li .photo table td img { max-width:220px; max-height:220px; width: expression(this.width >220 && this.height < this.width ? 220: true); height: expression(this.height > 220 ? 220: true);}


.mainnews, .mainaboutus, .mainproject{ margin-top:50px; float:left; width:290px; overflow:hidden; height:auto!important;height:325px;min-height:325px;}
.mainnews, .mainaboutus{margin-right:22px; padding-right:22px; border-right:1px dotted #115b5d;}

.mainnews h3, .mainaboutus h3, .mainproject h3{line-height:30px; font-size:18px; color:#fff; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-bottom:15px;}
.mainnews .brtools,  .mainaboutus .brtools, .mainproject .brtools{ margin-top:15px;}

.mainaboutus .photo{ width:280px; padding:4px; border:1px solid #333; height:120px;}
.mainaboutus .photo table{padding:0;margin:0;text-align:center; table-layout:fixed;vertical-align:middle;width:280px;height:120px;}
.mainaboutus .photo table td{padding:0;margin:0;vertical-align:middle;width:280px; height:120px;text-align:center;}
.mainaboutus .photo table td img { max-width:280px; max-height:120px; width: expression(this.width >280 && this.height < this.width ? 280: true); height: expression(this.height > 120 ? 120: true);}
.mainaboutus p{ line-height:24px; padding-top:10px;}

.mainnews li{ width:100%; border-bottom:1px dotted #115b5d;}
.mainnews li.last{ border:0;}
.mainnews li a{ padding:6px 0 6px 25px; line-height:20px; background:url(../images/marker1.png) 0 7px no-repeat;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display:block; color:#fff;}
.mainnews li a .date{ color:#666; padding-right:10px; font-size:11px;}
.mainnews li a:hover{ color:#14696b; background-image:url(../images/marker2.png);}

.mainproject li{ width:100%; margin-bottom:8px;}
.mainproject li.last{ margin-bottom:0;}
.mainproject li a{ padding:10px 35px 10px 10px; line-height:21px; background:url(../images/bg_image.png) -452px -306px no-repeat;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display:block; color:#fff; font-weight:bold; font-size:13px; text-shadow:#333 0 1px 0;}
.mainproject li a:hover{ background-position:-452px -347px;}


/* ----------  pages css  ---------- */
.content .col-1{width:250px; margin-right:10px; padding:10px 0 20px 0; background:url(../images/sidebar_bg.png) -660px 100% no-repeat;}
.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:#f2f2f2 url(../images/icon_quotes.png) 20px 20px no-repeat; margin-bottom:20px; border:1px solid #e0e0e0; border-radius:4px;}
.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}
.detail .htmledit .default_h4{ clear:both; line-height:20px; font-size:14px; border-radius:3px; color:#333; background:#e0e0e0; padding:5px 10px; margin-bottom:10px; border-radius:2px; text-shadow:#fff 1px 1px 0; }
.detail .htmledit .default_strong{ color:#14696b; font-size:13px;}

.detail .htmledit .default_ul, .detail .htmledit .default_ol{ margin-left:24px; list-style:outside;padding-bottom:10px;}
.detail .htmledit .default_ul li, .detail .htmledit .default_ol li{ line-height:20px; padding:5px 0;}

.detail .htmledit .default_table { width:100%; overflow:hidden; border-collapse:collapse;}
.detail .htmledit .default_table th{ color:#333; padding:5px 10px; background:url(../images/body_bg.gif) 0 -90px repeat-x; line-height:20px; text-align:left;border:1px solid #dcdcdc;}
.detail .htmledit .default_table td{ padding:5px 10px; line-height:20px; border:1px solid #dcdcdc;} 
.detail .htmledit .default_table tr.even td{background-color:#f2f2f2;}
.detail .htmledit .default_table tr.odd td{background-color:#fcfcfc;}
.detail .htmledit .default_table tr.over td{background-color:#fff;}

.navigation{margin-bottom:30px; height:23px; overflow:hidden;}
.navigation .nav{ float:right; text-align:right; background:url(../images/nav_bg.gif) 0 center repeat-x;}
.navigation a{ margin-right:10px;line-height:23px; height:23px; color:#fff; padding-left:12px; background:url(../images/bg_image.png) 0 -599px no-repeat; display:inline-block; float:left;}
.navigation a span{padding:4px 12px 4px 0; background: url(../images/bg_image.png) 100% -599px no-repeat; display:inline-block; overflow:hidden; line-height:15px; font-weight:bold;}
.navigation a:hover{ background-position:0 -576px;}
.navigation a:hover span{ background-position:100% -576px;}

.navigation strong{padding-left:12px; line-height:23px; height:23px; display:inline-block;background: url(../images/bg_image.png) 0 -622px no-repeat; float:left;}
.navigation strong span{display:inline-block; padding:4px 12px 4px 0;overflow:hidden; line-height:15px;color:#666;background: url(../images/bg_image.png) 100% -622px no-repeat;}


.content .detail{height:auto!important;height:300px;min-height:300px;}
.content h2{line-height:24px; color:#333; font-size:20px; text-shadow:#fff 1px 1px 0; font-family:微软雅黑; margin-bottom:20px;}


.detailstitle {margin-bottom:15px; overflow:hidden;background:url(../images/page_h3_bg.gif) center repeat-x; position: relative; padding:0 15px;}
.detailstitle h4 {line-height:20px; display:inline-block; color:#14696b; font-size:14px; padding:5px 10px 5px 35px; background:#eee url(../images/title_bg.png) 10px center no-repeat;text-shadow:#fff 1px 1px 0;}
.detailstitle .note {line-height:20px; display:inline-block; position:absolute;padding:5px; right:15px; text-align: right; top:0px;background:#eee;}
.nes {color:#d00;padding: 0 5px;}

.newstitle{margin-bottom:15px; border:5px 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:25px; background:#94b733;}
.newstitle h4 {color:#fff; font-size:14px; line-height:20px; background-repeat:no-repeat; background-position:-760px -395px; padding:15px 90px 5px 40px; text-shadow:#333 1px 1px 0; position:relative; top:-5px; left:-5px; background-image:url(../images/bg_image.png);}
.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:#333;text-shadow:#ccc 1px 1px 0;}

/*sidebar*/
.sidebar, .googlemap{clear:both; width:220px; padding:0 15px; background:url(../images/sidebar_bg.png) -910px top no-repeat;}
.content .col-1 h3{ background-image:url(../images/sidebar_bg.png); background-repeat:no-repeat; background-position:0 0; line-height:30px; font-size:18px; font-family:微软雅黑; color:#333; text-shadow:#fff 1px 1px 0; margin:0 15px; padding:10px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.sidebar ul{border-bottom:solid #999 1px;}
.sidebar ul ul{ border:0;}
.sidebar li{clear:both; background:#d1d2d1 url(../images/sidebar_bg.png) 0 -50px no-repeat; border-left:1px solid #999; border-right:1px solid #999;zoom:1;}
.sidebar li a{ display:block;line-height:20px;padding:10px; font-size:13px; font-weight:bold;color:#666;text-shadow:#fff 1px 1px 0;}
.sidebar li a:hover{ color:#333;}
.sidebar li.current a:hover{color:#333;text-shadow:#ccc 1px 1px 0;}
.sidebar li.current{ background-position:-220px -50px; background-color:#fe7225;}
.sidebar li.current a{color:#fff;text-shadow:#666 1px 1px 0;}
.sidebar li a.nav-top-item{ padding-right:30px; position:relative;}
.sidebar li a.nav-top-item span{ width:16px; height:18px; overflow:hidden; background:url(../images/sidebar_bg.png) -220px 0 no-repeat; display:block; position:absolute; top:12px; right:10px;}
.sidebar li a.nav-top-item span.opened{background-position:-236px 0;}
.sidebar li li a.nav-top-item span{background-position:-220px -18px; top:6px; right:9px;}
.sidebar li li a.nav-top-item span.opened{background-position:-236px -18px;}

.sidebar li ul{background:url(../images/sidebar_bg.png) -440px 0 repeat-y;}
.sidebar li li, .sidebar li.current li.current{ margin:0; padding:0 0 2px 0; background: url(../images/sidebar_li_li_bg.gif) bottom repeat-x;}
.sidebar li li.last, .sidebar li.current li.current.last{ padding-bottom:5px; background:none;}
.sidebar li li a, .sidebar li.current li a{ color:#ccc; background: url(../images/marker1.png) 10px 6px no-repeat; padding:5px 10px 5px 35px; font-size:12px;font-weight: normal;text-shadow:#333 1px 1px 0;}
.sidebar li li a:hover, .sidebar li.current li a:hover{color:#fff;text-shadow:#333 1px 1px 0;}
.sidebar li.current li.current a, .sidebar li.current li.current li.current a{color:#ACE9EA; font-weight:bold; background-image: url(../images/marker2.png);}
.sidebar li.current li.current li.current { padding:0; background:none;}

.sidebar li li ul{ background:none; padding:0 0 0 20px;}
.sidebar li li li, .sidebar li li.current li{ padding:0; background:none; border:0;}
.sidebar li li li a, .sidebar li li.current li a, .sidebar li.current li li a, .sidebar li.current li.current li a{padding:3px 0 3px 35px;font-weight: normal;color:#ccc; background: url(../images/marker1.png) 10px 5px no-repeat;}

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

.googlemap iframe{ margin:0; padding:0; overflow:hidden; border:1px solid #999; background-color:#eee;}
.maplink{line-height:30px; font-size:13px; background-color:#14696b; display:block; text-align:center; font-weight:bold;}
.maplink:hover{background-color:#fff; color:#14696b; text-decoration:none;}


/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden;}
.content_list th{text-align:left; padding:5px; font-size:14px; line-height:20px; color:#828282; border:1px solid #ccc;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset;}
.content_list td{padding:10px 5px; vertical-align:middle; line-height:20px; border-bottom:1px dotted #ccc;}
.content_list td a{ color:#666;}
.content_list td a:hover{ color:#14696b;}
.content_list tbody tr.even td{background-color:#eee;}
.content_list tbody tr.odd td{background-color:#e8e8e8;}
.content_list tbody tr.over td{background-color:#e0e0e0;}
.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:inline-block; padding:3px 5px; text-align:center; border-radius:4px; background-color:#fff;}
.list_news td.T1 .date span {display:block;}
.list_news td.T1 .date .day{ font-size:24px; line-height:24px; color:#333;}
.list_news td.T1 .date .year_month{font-size:11px; font-weight:bold; color:#999;line-height:16px;}

.list_project th{ padding-left:35px;}
.list_project td{ background-image:url(../images/marker1.png); background-position:10px 11px; background-repeat:no-repeat; padding-left:35px;}
.list_project td a{ display:block; padding-bottom:5px; font-weight:bold;}

.list_download .T1{text-align:center; width:80px;}
.list_download td.T1{font-family: Tahoma,Geneva,sans-serif; text-align:center; width:80px;font-size:11px; font-weight:bold;}
.list_download .T2{ width:60px; text-align:center;}

/* ----------  page tools css  ---------- */
.grayr {margin-top:20px; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:5px 8px;MARGIN:3px 5px; COLOR:#666; TEXT-DECORATION: none; FONT-WEIGHT: bold; border-radius:2px;background: url(../images/bg_image.png) -360px -128px no-repeat;}
.grayr a:hover {color:#14696b; background:#eee;background: url(../images/bg_image.png) -660px -128px no-repeat;}
.grayr a:active {COLOR:#fff; background-position:-15px -46px;}
.grayr span.current {PADDING:5px 8px; color:#fff; FONT-WEIGHT: bold; MARGIN:3px 5px; border-radius:2px;background: url(../images/bg_image.png) -15px -87px no-repeat;}
.grayr span.disabled {PADDING:5px 8px; MARGIN:3px 5px; COLOR:#ccc; background: url(../images/bg_image.png) -360px -128px no-repeat; FONT-WEIGHT: bold;border-radius: 2px;}

/* faq */
.faqlist{ width:100%; overflow:hidden;}
.faqlist li{padding:10px 5px; cursor:pointer; overflow:hidden; line-height:20px;border-bottom:1px dotted #ccc;}
.faqlist li a{ background:url(../images/icon_i.gif) 0 1px no-repeat; padding-left:25px; line-height:20px; display:block; color:#666;}
.faqlist li a:hover{ color:#14696b; text-decoration:none;}
.faqlist li a.current{ color:#14696b;font-weight:bold;}
.faqlist li .info{ display:none; clear:both; margin:10px 0 10px 25px; line-height:20px; background:#fff url(../images/icon_quotes.png) 10px 10px no-repeat; padding:15px 15px 15px 70px; height:auto!important; height:40px; min-height:40px; border:1px solid #e0e0e0; border-radius:3px;}
.faqlist li.last{padding-bottom:0px; border:0;}
.faqlist li.last .info{ margin-bottom:0px;}

/* comment */
.commentlist {border-radius:10px; background-color:#fff;}
.commentlist ul{padding:15px;}
.commentlist li {clear:both; padding:10px 10px 10px 86px; border:#eee 1px solid; margin-bottom:10px; position:relative;height:auto!important; height:66px; min-height:66px;border-radius:5px;}
.commentlist li .photo{ position:absolute; left:10px; top:10px; border:1px solid #e0e0e0; padding:2px; width:60px; height:60px;}
.commentlist li .photo table {clear:both;width:60px;height:60px;table-layout:fixed;}
.commentlist li .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:60px;height:60px;}
.commentlist li .photo 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);}

.commentlist li h5{ color:#333; font-size:13px; text-shadow:#ccc 1px 1px 0; line-height:20px; padding:0 100px 10px 0;}
.commentlist li .date{ font-size:11px; position: absolute; top:10px; right:10px; display:inline-block; line-height:20px;}
.commentlist li p{ line-height:20px;border-radius:3px;}
.commentlist li p.audit{font-weight:bold; font-size:13px; color:#14696b;}

.commentlist li p.reply{ margin-top:15px; margin-left:80px; border:1px solid #e0e0e0; padding:5px 10px 5px 20px; background:#f8f8f8 url(../images/comment_bg.png) 0 bottom no-repeat; color:#666;}
.commentlist li p.reply strong{ display:block; color:#14696b; font-size:13px;}

/* ----------  product list ----------  */
.productlist{clear:both; width:700px;}
.productlist li{ float:left; width:220px; margin:0 20px 10px 0; position:relative; display:inline; padding-bottom:20px; background:#eee url(../images/product_li_bg.png) center bottom no-repeat;}
.productlist li.last{ margin-right:0;}
.productlist li .label_new{position:absolute; width:50px; height:50px; background:url(../images/label_new.png) 0 0 no-repeat; overflow:hidden; top:-2px; left:-2px; z-index:2;}
.productlist li .photo{width:200px; height:200px; padding:10px; overflow:hidden; position:relative; z-index:1; background-color:#fff;}
.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; height:40px;font-size:14px; color:#333;line-height:20px;font-weight:bold; display:block;text-shadow: #eee 1px 1px 0; background-color:#fff;}
.productlist li .productname:hover{ color:#14696b;}
.productlist li p{ line-height:20px;padding:0 10px;color:#14696b; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background-color:#fff;}
.productlist li .brtools{ padding:10px; margin:0px; border-top:1px solid #e0e0e0; background-color:#f8f8f8;}
.productlist li .brtools .gocart{ margin-top:3px;}

/* ----------  product details ----------  */
.detail .leftcatalog{float:left; margin-right:20px;width:320px; position:relative;}
.detail .rightinfo{width:325px; height:420px; float:left; overflow:hidden; position:relative;}

.leftcatalog .label_new{position:absolute; width:50px; height:50px; background:url(../images/label_new.png) 0 0 no-repeat; overflow:hidden; top:7px; left:6px; z-index:100;}
.leftcatalog .showpic{width:302px; height:302px; position: relative; padding:8px; 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:1px solid #ccc;display:none;text-align: center;overflow:hidden; margin:-5px 0 0 3px;}
.zoomMask { position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.catalog{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:7px 18px; margin-top:10px; position:relative;}
.catalog .prev {position:absolute;left:3px;top:34px; background:url(../images/bg_image.png) -558px -415px no-repeat; width:11px; height:16px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .prev:hover{ background-position:-580px -415px;}
.catalog .next {position:absolute;right:3px; top:34px; background:url(../images/bg_image.png) -569px -415px no-repeat; width:11px; height:16px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .next:hover{ background-position:-591px -415px;}
.thumbs_list{z-index:2; border:1px solid #ccc; background-color:#f7f7f7; padding:5px 0;}
.thumbs_list ul{clear:both;height:62px;overflow:hidden;}
.thumbs_list li{width:60px;height:60px;border-width:1px; border-style:solid; float:left; display:inline; margin:0 4px;cursor:pointer;position:relative;border-color:#ccc;}
.thumbs_list li.over{ border-color:#14696b;}
.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:#14696b; line-height:16px; padding-bottom:5px; display:block;}
.rightinfo .productname{font-size:18px; color:#333; line-height:20px; padding-bottom:10px; display:block; text-shadow:#fff 1px 1px 0;font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.rightinfo .productinfo{padding:0; margin:0; width:100%;}
.rightinfo .productinfo td, .rightinfo .productinfo th{line-height:18px; vertical-align:top;background:url(../images/border_bot.gif) bottom repeat-x;}
.rightinfo .productinfo td{padding:5px 0;}
.rightinfo .productinfo td a{color:#333;}
.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 .price{ color:#14696b; text-shadow:#fff 1px 1px 0; font-size:16px;}
.rightinfo .brtools{ margin:10px 0 0 0; height:21px;}
.rightinfo .brtools .gocart{ float:right;}
.rightinfo .brtools .buy{ display:inline-block; color:#999; line-height:21px; padding:0 5px 0 30px;}
.rightinfo .brtools .num{display:inline-block; position:relative; height:21px; padding:0 20px;}
.rightinfo .brtools .num input{ width:25px; height:15px; line-height:15px; text-align:center;border-radius:0px;}
.rightinfo .brtools .num .add, .rightinfo .brtools .num .subtract{ width:15px; height:15px; position:absolute; top:3px; right:0px; overflow:hidden; display:block; background-image:url(../images/bg_image.png); background-repeat:no-repeat; cursor:pointer;}
.rightinfo .brtools .num .add{right:0px; background-position:-617px -415px;}
.rightinfo .brtools .num .add:hover{ background-position:-617px -430px;}
.rightinfo .brtools .num .subtract{left:0px; background-position:-602px -415px;}
.rightinfo .brtools .num .subtract:hover{background-position:-602px -430px;}

.rightinfo .sharetools{ background-color:#f2f2f2; border:1px solid #ccc; width:303px; padding:10px;border-radius:4px; position:absolute; left:0; bottom:0; height:40px;}
.mailshare {background:#eee url(../images/bg_image.png) -360px -128px no-repeat; 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/bg_image.png) -78px -128px no-repeat;}
.mailshare:hover {color:#333; background-position:-660px -128px;}
.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/bg_image.png); height:26px; float:left; display:block; width:26px; overflow:hidden; margin:7px 5px 7px 0px; text-indent:-999px;}
.sharetools .icon1{ background-position:0 -128px;}
.sharetools .icon2{ background-position:-26px -128px;}
.sharetools .icon3{ background-position:-52px -128px;}

/* ----------  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:#14696b;}
.popwin .hide_box .brtools{ margin-top:10px;}
.popwin{margin-top:-250px;}

#addsuccessful{ margin-top:-80px;}
#addsuccessful .popcontent p{ padding-left:65px; background:url(../images/bg_image.png) -452px -464px no-repeat;}

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

/* ----------  contact us details ----------  */
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; border-radius:2px;}
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:#333; border-color:#14696b; background-image:none; background-color:#fff;-moz-box-shadow:0 0 5px #14696b;-webkit-box-shadow:0 0 5px #14696b;-khtml-box-shadow:0 0 5px #14696b;box-shadow:0 0 5px #14696b;}
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:320px;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;}