@charset "utf-8";
/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}

/* ----------  font ---------- */
body { font-size:12px; color:#58646A; background:#f9f9f9 url(../images/site_bg.jpg) top center no-repeat; overflow-x:hidden; font-family:"Play", "Verdana", "Arial", sans-serif;}

a {color:#237bd7; text-decoration:none;}
a:hover {color:#6da9ea;text-decoration:underline;}

h1, h2, h3, h4, h5{font-family:'Oswald',sans-serif; font-weight:normal;}
span.price, strong.price{font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#f60 !important;}
.wrapper { clear:both; width:960px; margin:0 auto; padding:20px 0 30px 0;}

/* button & input style */
.button {padding-left:10px; height:22px; display:inline-block; background:url(../images/button_skyblue.png) 0 0 no-repeat;}
.button span{display:inline-block; padding-right:10px; line-height:22px;  background:url(../images/button_skyblue.png) 100% -44px no-repeat; cursor:pointer;}
.button span span{ padding:3px 0; line-height:16px; background:url(../images/button_skyblue.png) 0 -22px repeat-x; color:#fff; font-weight:bold; text-shadow:#4493e5 0 1px 0;filter:Shadow(Color=#4493e5, Direction=180, Strength=1);}
.button:hover, .button:hover span{ background-image:url(../images/button_blue.png);}
.button:hover span span{ text-shadow:#094c92 0 1px 0;filter:Shadow(Color=#094c92, Direction=180, Strength=1);}

.brtools{ clear:both; height:22px; overflow:hidden;}
.brtools .fg{ padding:0 5px; color:#237BD7;line-height:22px; float:right;}
.brtools .links{ line-height:22px; float:right;}
.detail .brtools{ margin-top:20px;}


/* ----------  header ---------- */
.header{width:920px; height:90px; padding:15px 20px; background-color:#fff; margin-bottom:20px;}
.header .col-1{ width:250px;}
.header .col-2{ width:670px;}

.header .logo{height:90px;}
.header .logo img{ height:90px;}

.toplink{height:20px; margin-bottom:10px;}
.toplink .homelink{ display:none;}
.memberinfo{height:20px; }
.memberinfo ul{float:right;}
.memberinfo li{ float:left; font-size:13px; padding-right:10px; margin-right:10px; border-right:1px solid #237bd7; line-height:20px; color:#237bd7;}
.memberinfo li.last{ margin-right:0; padding-right:0; border:0;}
.memberinfo li strong{display:block; font-weight:normal;}
.memberinfo li a{ display:block; line-height:20px;}
.memberinfo li span{ padding:0 5px;  color:#333;}
.memberinfo li .cart{ padding-left:23px; background-image:url(../images/topicon.png); background-repeat:no-repeat; background-position:0 -40px;}

.toplink.core_title{ background: url(../images/slider_bg.png); z-index:999; border-bottom:1px solid #D9D9D9;width:100%; position:fixed; top:0px; left:0px; height:31px;-moz-box-shadow:0 0 4px #ccc;-webkit-box-shadow:0 0 4px #ccc;-khtml-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;}
.toplink.core_title .memberinfo{width:960px; margin:0 auto; height:30px;}
.toplink.core_title ul{padding:5px 0;}
.toplink.core_title .homelink{ float:left; line-height:30px; display:inline-block; padding-left:50px; font-weight:bold; color:#333; font-size: 14px; background:url(../images/tophome_bg.png) left center no-repeat;}
.toplink.core_title .homelink:hover {color:#6da9ea;text-decoration:underline;}

.blockcurrency{ height:22px; text-align:right; width:360px; float:right;}
.blockcurrency .text{ color:#9E9E9E; line-height:20px; padding-right:5px;}
.blockcurrency select{ width:180px; border: 1px solid #D6DEE1; margin:-3px 5px 0 0;}

.searchbar{ height:22px; position:relative; width:230px; float:right;}
.searchbar input{ width:180px; height:18px; line-height:18px; padding:0 30px 0 5px; float:right; background:#fff;  border: 1px solid #D6DEE1;}
.button_search{ position:absolute; top:0; right:5px; border:0; padding:0; width:18px; height:20px; display:block; background:url(../images/button_search.png) 0 0 no-repeat; overflow:hidden; text-indent:-999px; cursor:pointer;}
.button_search:hover{ background-position:0 -18px;}

/* menu */
.menu {height:30px; position:relative; margin-top:8px;}
.sf-menu {position:relative; z-index:100; height:32px; float: right;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute; top:-999em; width:16em;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative; zoom:1; display:inline;}
.sf-menu li.last a{background-image:none;}
.sf-menu a{line-height:20px; padding:5px 20px; font-size:16px; display:block; background:url(../images/menu_li_bg.gif) 100% 5px no-repeat; color:#161616; transition:all 0.5s ease 0s;}
.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:#6da9ea;}
.sf-menu li.current a{ color:#237bd7;}
.sf-menu ul li { clear:both; margin:0; padding:0; width:100%; background:none;}
.sf-menu li li{ border-bottom:1px solid #4d8dd2; border-right:0;}
.sf-menu li li.last {border:0;}
.sf-menu li.sfHover li.sfHover a{background:#f9f9f9;}
.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:#161616; font-weight:normal; padding:5px 15px; background:none; font-size:14px;text-shadow: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{ text-decoration:none; background:#f9f9f9; color:#237bd7; outline:0; }
.sf-menu a.sf-with-ul {padding-right:30px;min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:15px; top:0.7em; /* 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:0.7em; background-position: 0 -100px;}
.sf-menu li li .sf-sub-indicator { right:5px;}
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:30px; z-index:999; background:#6da9ea; }
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:16em; 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:16em; 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;}


/* ----------  footer ---------- */
.footer {clear:both; width:920px; background-color:#fff; margin-top:20px; padding:20px;}
.copyright .col-1{ width:520px; margin-right:20px;}
.copyright .col-2{ width:380px; text-align:right;}
.copyright strong{ padding-right:5px; font-weight:normal;}
.copyright .title{ font-size:14px; color:#333;}
.copyright a{ transition:all 0.5s ease 0s;}
.copyright p{line-height:20px;}
.copyright span{ padding:0 5px;}
.copyright a.gray{color:#ccc;}
.copyright a.gray:hover{color:#666;}


/* ----------  index css  ---------- */
.content{ clear:both; padding:20px; width:920px; margin:0; background-color:#fff;}
.content .col-1{width:220px; margin-right:20px;}
.content .col-2{ width:680px;}

/* banner */
.banner{ clear:both; padding:20px 20px 0 20px; width:920px; margin:0; background-color:#fff;}
.slider{width:920px;height:300px; position:relative; margin:0 auto;}
.mainslider{width:920px;height:300px;overflow:hidden;position:relative;list-style:none;padding:0; z-index:1;}
.mainslider img{width:920px;height:300px}
.rslides_nav{ display: block; height:80px;width:60px;position:absolute;top:110px;text-indent:-9999px;overflow:hidden;text-decoration:none;background-image:url(../images/btn_slideshow.png); background-repeat:no-repeat; z-index:2;}
.rslides_nav.prev{background-position:0 -80px; left:0;}
.rslides_nav.prev:hover{ background-position:-60px -80px;}
.rslides_nav.next{background-position:0 0; right:0;}
.rslides_nav.next:hover{ background-position:-60px 0;}
.rslides_tabs{margin:0; height:15px; position:absolute;  bottom:0; right:5px; z-index:2; padding:10px 0; }
.rslides_tabs li{ float:left; margin-right:10px;}
.rslides_tabs a{text-indent:-9999px;overflow:hidden; background:url(../images/controlnav.png) 0 0 no-repeat; display:block; width:15px;height:15px; }
.rslides_tabs a:hover{ background-position:0 -15px;}
.rslides_tabs .rslides_here a{ background-position:0 -30px;}

.hotproduct{ width:100%; margin-bottom:30px; padding-bottom:20px;border-bottom:#d9d9d9 1px solid; position:relative;}
.hotproduct h3{ font-size:16px; border-bottom:#d9d9d9 1px solid; color:#237BD7; line-height:30px; padding-bottom:10px;}
.product_slider{ height:190px; padding-top:10px; width:679px !important; overflow:hidden;}
.product_slider li{width:130px; height:190px; float:left; display:inline; padding:0 19px 0 20px;  position:relative; border-right:1px dotted #ccc;}
.product_slider li .photo{width:130px;height:130px; margin-bottom:10px;}
.product_slider li .photo table {clear:both;width:130px;height:130px;table-layout:fixed;}
.product_slider li .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:130px;height:130px;}
.product_slider li .photo table td img{max-width:130px; max-height:130px; width: expression(this.width >130 && this.height < this.width ? 130: true); height: expression(this.height > 130 ? 130: true);}
.product_slider li .productname{line-height:20px; display:block; font-weight:bold; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;transition:all 0.5s ease 0s;}
.product_slider li p{ line-height:15px; height:30px; overflow:hidden;}

.sliderarrow{ width:58px; height:30px; position:absolute; background-color:#fff; left:311px; bottom:0; margin-bottom:-15px;}
.sliderarrow .br_prev, .sliderarrow .br_next{ background-image:url(../images/scroll_arrow.gif); background-repeat: no-repeat;text-indent:-999px; display:block; overflow:hidden; width:11px; height:21px; float:left; margin-top:4px; margin-right:12px;}
.sliderarrow .br_prev { background-position:0 0; margin-left:12px;}
.sliderarrow .br_prev:hover{ background-position:0 -21px;}
.sliderarrow .br_next { background-position:-11px 0;}
.sliderarrow .br_next:hover{ background-position:-11px -21px;}


.mainnews{ width:400px; height:206px; margin-right:16px; float:left;  border:1px solid #e4e4e4;}
.mainnews h3{font-size:16px; border-bottom:#e4e4e4 1px solid; color:#237BD7; line-height:20px; padding:5px 0 5px 15px;background:#f9f9f9;}
.newsslider{ margin:10px 14px 4px 14px;}
.newsslider li{ padding:0; overflow: hidden; clear:both; margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.newsslider li a{ line-height:20px; transition:all 0.5s ease 0s; padding:5px 0;}
.newsslider li .date{ font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#999; line-height:20px;  padding:5px 10px 5px 0px;}
.mainnews .brtools{ margin:0 14px 0 0;}

.mainlogin { float:left; width:260px; border:1px solid #e4e4e4; height:206px;}
.mainlogin h3{ padding:5px 14px; line-height:20px; font-size:16px; background-color:#237bd7; color:#fff;}
.mainlogin .logingroup{padding:20px 10px;}
.logingroup input.type1{ width:130px;}
.logingroup input.type2{ width:55px;}
.logingroup .from_post td strong{color:#555; line-height:26px;}
.logingroup .from_post td.td1{ width:70px; text-align:left;}
.logingroup .from_post td img{vertical-align:middle; padding:4px 0 0 10px;cursor:pointer;}
.logingroup .brtools{ margin-top:5px;}
.logingroup table td strong{ padding:0 5px;}


/* ----------  pages css  ---------- */
.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;}

.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}
.quoteinfo{ clear:both; border:1px solid #dbdbdb; line-height:20px; padding:10px 10px 10px 70px; background:#f9f9f9 url(../images/icon_quotes.png) 10px 10px no-repeat; -moz-box-shadow:0 0 5px #ccc inset;-webkit-box-shadow:0 0 5px #ccc inset; box-shadow:0 0 5px #ccc inset;}
.detail .htmledit .default_h4{ clear:both; line-height:20px; margin-bottom:10px; color: #191919; font-size: 15px;}
.detail .htmledit .default_strong{font-size:13px; padding:0 5px;}

.detail .htmledit .templist { width:100%; overflow:hidden; border-collapse:collapse;}
.detail .htmledit .templist th{ color:#fff; padding:5px 10px; background-color:#333; line-height:20px; text-align:left;border:1px solid #e4e4e4;}
.detail .htmledit .templist td{ padding:5px 10px; line-height:20px; border:1px solid #e4e4e4;} 
.detail .htmledit .templist tr.even td{background-color:#f2f2f2;}
.detail .htmledit .templist tr.odd td{background-color:#fcfcfc;}
.detail .htmledit .templist tr.over td{background-color:#fff;}

.navigation{overflow:hidden; text-align:right; height:20px; margin-bottom:10px;line-height:20px;}
.navigation a{ font-weight:bold; text-decoration:underline; }
.navigation span{padding:0 10px; *display: inline-block; background:url(../images/divider.gif) center no-repeat; overflow:hidden;}
.navigation strong{color:#9c9c9c; }

.content .col-2 .detail{ height:auto!important;height:300px;min-height:300px;}
.content .col-2 .page_h2{ color:#237BD7; font-size:24px; line-height:30px; margin-bottom:20px;}

/*sidebar*/
.sidebar h3{ padding:10px 14px; line-height:20px; font-size:16px; background-color:#6DA9EA; color:#fff;}
.sidebar{clear:both; border:1px solid #e4e4e4;}
.sidebar ul{ margin:14px;}
.sidebar li{clear:both; margin-bottom:10px;}
.sidebar li a{ line-height:20px; color:#555; background:#f2f2f2; display:block; padding:5px 10px; font-size:14px;}
.sidebar li a:hover, .sidebar .current a:hover, .sidebar .opened a.nav-top-item:hover { color:#6da9ea; background-color:#eee;}
.sidebar li a.nav-top-item{ padding-right:30px; position:relative;}
.sidebar li a.nav-top-item span{ width:17px; height:17px; overflow:hidden; background: url(../images/icon_closed.png) 0 0 no-repeat; display:block; position:absolute; top:7px; right:5px;transition:}
.sidebar li.opened a.nav-top-item{ background-color:#f9f9f9;}
.sidebar li.opened a.nav-top-item span{ background-image:url(../images/icon_opened.png); cursor:pointer;}
.sidebar li ul{ border:0; margin:0; padding:0 0 0 10px; }
.sidebar li.last{ margin:0;}
.sidebar li li{ margin:0; border:0;  position:relative;}
.sidebar li li a, .sidebar .current li a{color:#555; line-height:20px; padding:4px 0 4px 15px; font-size:12px; background: url(../images/marker1.gif) 0 7px no-repeat;}
.sidebar li li a:hover, .sidebar .current li a:hover, .sidebar .current .current a:hover{color:#6da9ea; background-color:transparent; background-image:url(../images/marker2.gif); background-repeat:no-repeat;}
.sidebar li.opened li a.nav-top-item{background-color:#fff;}
.sidebar li.opened li a.nav-top-item:hover{color:#6da9ea;background-color:#eee;}
.sidebar li.opened li a.nav-top-item span{ background-image:url(../images/icon_li_li_closed.png);}
.sidebar li li.opened a.nav-top-item{ background-color:#eee; z-index:201;}
.sidebar li li ul{ position:absolute; display:none; z-index:200; top:0; left:170px; width:170px; background-color:#eee; padding:0;-moz-box-shadow:2px 2px 3px #ccc;-webkit-box-shadow:2px 2px 3px #ccc;-khtml-box-shadow:2px 2px 3px #ccc;box-shadow:2px 2px 3px #ccc;}
.sidebar li li li a{color:#555; line-height:20px; padding:5px 10px; background:none;}
.sidebar li li li.opened a.nav-top-item{color:#6da9ea;z-index:203;}
.sidebar li li li a:hover, .sidebar .current .current li a:hover, .sidebar .current li li a:hover, sidebar .current .current .current a:hover{color:#6da9ea;background:none;}
.sidebar li li li ul{ z-index:202;}

.sidebar .current a{ color:#237bd7; }
.sidebar .current .current a{ color:#237bd7;  background-image:url(../images/marker3.gif);}
.sidebar .current .current li a, .sidebar .current li li a{ background:none;}

.googlemap{width:210px; border:4px solid #d9d9d9; padding:1px;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
.maplink{line-height:26px; display:block; text-align:center; background-color:#f9f9f9; font-size:13px; font-weight:bold; color:#333; text-shadow: 0 1px 0 #fff; transition:all 0.5s ease 0s;}
.maplink:hover{ color:#fff; background-color:#6da9ea; text-shadow:0 1px 0 #237BD7;}

.sideproduct{ clear:both; border:1px solid #e4e4e4; margin-top:20px; padding-bottom:10px;}
.sideproduct h3{background:#F9F9F9;border-bottom:1px solid #E4E4E4;color:#237BD7;font-size: 16px;line-height: 20px;padding:10px 14px; margin-bottom:10px;}
.side_slider{ height:569px  !important; width:180px; margin:0 auto; overflow:hidden;}
.side_slider li{ clear:both; width:180px; height:160px; padding:15px 0 14px 0;  position:relative; border-bottom:1px dotted #ccc;}
.side_slider li .photo{width:130px;height:130px; margin: 0 auto 10px auto;}
.side_slider li .photo table {clear:both;width:130px;height:130px;table-layout:fixed;}
.side_slider li .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:130px;height:130px;}
.side_slider li .photo table td img{max-width:130px; max-height:130px; width: expression(this.width >130 && this.height < this.width ? 130: true); height: expression(this.height > 130 ? 130: true);}
.side_slider li .productname{line-height:20px; display:block; text-align:center; font-weight:bold; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;transition:all 0.5s ease 0s;}
.side_slider li p{ line-height:15px; height:30px; overflow:hidden;}

.sliderarrow{ width:58px; height:30px; position:absolute; background-color:#fff; left:311px; bottom:0; margin-bottom:-15px;}
.sliderarrow .br_prev, .sliderarrow .br_next{ background-image:url(../images/scroll_arrow.gif); background-repeat: no-repeat;text-indent:-999px; display:block; overflow:hidden; width:11px; height:21px; float:left; margin-top:4px; margin-right:12px;}
.sliderarrow .br_prev { background-position:0 0; margin-left:12px;}
.sliderarrow .br_prev:hover{ background-position:0 -21px;}
.sliderarrow .br_next { background-position:-11px 0;}
.sliderarrow .br_next:hover{ background-position:-11px -21px;}


/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden; border-collapse:inherit;}
.content_list table th{text-align:left; padding:0 5px 5px; font-size:14px; line-height:20px; color:#808080; border-bottom:1px solid #d9d9d9;}
.content_list table td{padding:8px 5px; vertical-align:top; line-height:20px; transition:all 0.5s ease 0s;}
.content_list table tbody tr.even td{background-color:none;}
.content_list table tbody tr.odd td{background-color:#f9f9f9;}
.content_list table tbody tr.over td{background-color:#f0f0f0;}
.content_list table tbody tr.out td{background-color:none;}
.nodata{ text-align:center; background:#f9f9f9; padding:15px;}
.nodata span{line-height:42px; display:inline-block; padding-right:100px; background:url(../images/icon_sorry.png) 100% center no-repeat; font-size:16px; color:#999; text-shadow:0 1px 0 #fff;}

.list_news td.T1{ width:80px; font-size:11px; font-weight:bold; color:#999; font-family: Tahoma,Geneva,sans-serif; text-align:center; }
.list_news th.T1{ width:80px;text-align:center;}

.content_list.list_order table td{vertical-align:middle;}
.list_order td.T1{ width:110px;text-align:center; font-family: Tahoma,Geneva,sans-serif; font-size:11px; font-weight:bold; color:#999; }
.list_order th.T1{width:110px;text-align:center;}
.list_order .T2{width:85px; text-align:center;}
.orderproduct{ width:170px; overflow:hidden;}
.orderproduct li{ float:left; width:50px; height:50px; margin-right:4px; margin-bottom:4px; border:1px solid #d1d1d1; background-color:#fff;overflow: hidden; vertical-align:middle; text-align: center; line-height:46px; display: table-cell;}
.orderproduct li.over{border-color:#6DA9EA;}
.orderproduct li img{ max-width:50px; max-height:50px; width: expression(this.width >50 && this.height < this.width ? 50: true); height: expression(this.height > 50 ? 50: true); vertical-align:middle;}

/* page tools css */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px; text-align:center;}
.grayr a {PADDING:5px 10px; MARGIN:2px; color:#555; TEXT-DECORATION: none; FONT-WEIGHT: bold;background-color:#f2f2f2; border-radius:2px;}
.grayr a:hover {background-color:#f9f9f9; color:#6da9ea;}
.grayr a:active {COLOR:#fff; BACKGROUND-COLOR:#6da9ea;}
.grayr span.current {PADDING:5px 10px; FONT-WEIGHT: bold; MARGIN:2px; COLOR:#fff;  background-color:#237BD7; border-radius:2px;}
.grayr span.disabled {PADDING:5px 10px; MARGIN:2px; COLOR:#999; FONT-WEIGHT: bold;background-color:#f2f2f2;}


.detailstitle{margin-bottom:15px; position:relative; background:#e0e0e0; height:20px; padding:5px 10px;}
.detailstitle h4{font-size:14px; color:#161616; text-shadow:0 1px 0 #fff; line-height:20px;}
.detailstitle .note{ position:absolute; color:#333; top:5px; right:10px; line-height:20px; text-align:right;  text-shadow:0 1px 0 #fff;}
.nes{color:#f00; padding:0px 5px;}

.newstitle{margin-bottom:20px; border:1px solid #d1d1d1; position:relative; background-color:#f9f9f9;-moz-box-shadow:0 0 5px #ccc inset;-webkit-box-shadow:0 0 5px #ccc inset; box-shadow:0 0 5px #ccc inset;}
.newstitle h4 {color:#6da9ea;text-shadow:0 1px 0 #fff; background:url(../images/icon_news.png) 13px 11px no-repeat; font-size:14px; line-height:20px; padding:15px 90px 15px 55px;}
.newstitle .date{ display:block; text-shadow:0 1px 0 #fff;font-weight:bold; line-height:20px; position:absolute; right:10px; top:15px; color:#999; font-family: Tahoma,Geneva,sans-serif; font-size:11px; }


/* ----------  product details ----------  */
.productlist{ clear:both; }
.productlist li{float:left;transition:all 0.5s ease 0s; display:inline; width:140px; margin:9px; padding:5px; display:inline; border:1px solid #d1d1d1; background-color:#f9f9f9;-moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow:0 0 3px #ccc;-khtml-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc; position:relative;}
.label_new{ width:50px; height:50px;background:url(../images/icon_new.png) no-repeat; overflow:hidden; position:absolute; left:-1px; top:-1px; z-index:2;}
.productlist li.over{ background-color:#fff;-moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;-khtml-box-shadow:0 0 5px #999c;box-shadow:0 0 5px #999; border-color:#6DA9EA;}
.productlist li.last{ margin-right:0;}
.productlist li .photo{ clear:both; width:140px; height:140px; margin-bottom:10px; overflow:hidden; background-color:#fff; position:relative; z-index:1;}
.productlist li .photo table {clear:both; width:140px; height:140px;margin:0; padding:0; border:0;table-layout:fixed;}
.productlist li .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:140px;height:140px;}
.productlist li .photo table td img{max-width:140px; max-height:140px; width: expression(this.width >140 && this.height < this.width ? 140: true); height: expression(this.height > 140 ? 140: true);}
.productlist li .productname{font-weight:bold; line-height:20px; display:block; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; position:relative;}
.productlist li .productname strong{ padding-right:25px;display:block; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.productlist li .productname em{ font-style:normal; font-family: Tahoma,Geneva,sans-serif; font-size:11px; position:absolute; line-height:14px; padding:1px 5px; color:#fff; background-color:#6DA9EA; right:0; top:2px; border-radius:2px;}
.productlist li .model{ color:#333; display:block;line-height:20px; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.productlist li .model strong{ padding-left:5px;}
.productlist li p{ line-height:20px; height:40px; overflow:hidden;}
.productlist li .brtools{ margin-top:10px;}
.productlist li .price{ display:block; line-height:20px; font-size:18px; padding:5px 0;}


/* ----------  product details ----------  */
.detail .leftcatalog{float:left; display:inline; width:310px; margin-right:20px; position:relative;}
.detail .rightinfo{width:350px; height:400px; float:left; overflow:hidden; position:relative;}

.leftcatalog .showpic{width:300px; height:300px; position: relative; border:5px solid #ededed; margin-bottom:10px;}
.leftcatalog .showpic .label_new{ left:-5px; top:-5px;}
.leftcatalog .showpic .hidden-container{ position:absolute; left:0; top:0;width:300px; height:300px; visibility:hidden;}
.leftcatalog .showpic table{table-layout:fixed;width:300px; height:300px; background-color:#fff;}
.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;}

.leftcatalog  .catalog{ clear:both; width:280px; height:70px; background:#ededed; padding:5px 15px; position:relative;}
.catalog .prev {position:absolute;top:34px;left:2px; background:url(../images/btn_turn.gif) 0 0 no-repeat; width:11px; height:16px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .prev:hover{ background-position:0 -16px;}
.catalog .next {position:absolute;top:34px; right:2px; background:url(../images/btn_turn.gif) -11px 0 no-repeat; width:11px; height:16px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .next:hover{ background-position:-11px -16px;}
.thumbs_list{z-index:2; background-color:#fff; padding:4px 0; height:62px; width:280px;border-radius:2px;}
.thumbs_list ul{ clear:both; height:62px;overflow:hidden; margin:0 4px !important;}
.thumbs_list li{ float:left; width:60px;height:60px;border-width:1px; border-style:solid; margin-right:8px;cursor:pointer;position:relative;border-color:#ccc;}
.thumbs_list li.over{ border-color:#6da9ea;}
.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 .productname{font-size:16px; color:#237BD7; line-height:20px; padding-bottom:15px; display:block;}
.rightinfo .productinfo{padding:0; margin:0; width:100%;}
.rightinfo .productinfo td, .rightinfo .productinfo th{line-height:20px; padding-top:5px; padding-bottom:5px; vertical-align:top; color:#555; border-top:1px solid #d1d1d1;}
.rightinfo .productinfo td p{line-height:18px; overflow:hidden; height:180px;}
.rightinfo .productinfo th{width:90px; text-align:left; color:#333; padding-right:5px;}
.rightinfo .productinfo td .price{ font-size:18px; padding-left:5px;}
.rightinfo .productinfo td strong{color:#333; display:block;}
.rightinfo .brtools{ position:absolute; left:0; bottom:0;}

.counttotal{ margin-top:20px; height:22px; overflow:hidden;}
.counttotal .brtools { margin:0; float:right;}
.counttotal .brtools .text{ display:inline-block; float:left; color:#454545; line-height:22px; padding-right:10px;}
.num{display:inline-block; float:left; position:relative; height:22px; padding:0 20px; margin-right:20px;}
.num input{ width:30px; height:16px; line-height:18px; text-align:center; }
.num .add, .num .subtract{ width:15px; height:15px; position:absolute; top:3px; right:0px; overflow:hidden; display:block; background-image:url(../images/icon_num.gif); background-repeat:no-repeat; cursor:pointer;}
.num .add{right:0px; background-position:-15px 0;}
.num .add:hover{ background-position:-15px -15px;}
.num .subtract{left:0px; background-position:0 0;}
.num .subtract:hover{background-position:0 -15px;}
.counttotal .brtools .price{ font-size:18px; padding-left:5px;}

.rightinfo .sharetools{position:absolute; right:0; bottom:0; height:22px;}
.sharetools strong{ color:#333; float:left; line-height:22px;}
.sharetools .icon1, .sharetools .icon2, .sharetools .icon3, .sharetools .icon4{line-height:16px; padding:0; background-repeat:no-repeat; background-image:url(../images/shareicon_bg.gif); height:16px; float:left; display:block; width:16px; overflow:hidden; margin-top:3px; margin-left:5px; text-indent:-999px;}
.sharetools .icon1{ background-position:0 0;}
.sharetools .icon2{ background-position:0 -16px;}
.sharetools .icon3{ background-position:0 -32px;}
.sharetools .icon4{ background-position:0 -48px;}

.upgraded_list{ clear:both;}
.upgraded_list li{ position:relative;height:auto!important;height:60px;min-height:60px; padding-bottom:10px; margin-bottom:10px;border-bottom:1px solid #d1d1d1; padding-left:100px;}
.upgraded_list li.last{ padding-bottom:0; margin-bottom:0; border:0;}
.upgraded_list li .photo{ width:80px; height:60px; position:absolute; left:0; top:0;}
.upgraded_list li .photo table{clear:both;width:60px;height:60px;table-layout:fixed;}
.upgraded_list li .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:80px;height:60px;}
.upgraded_list li .photo table td img{max-width:80px; max-height:60px; width: expression(this.width >80 && this.height < this.width ? 80: true); height: expression(this.height > 60 ? 60: true);}
.upgraded_list li h5{ background-color:#f9f9f9; border:1px solid #d1d1d1; margin-bottom:10px; padding:3px 10px; line-height:20px; color:#237BD7; font-size:13px;}
.upgraded_list li .radio{ background:none; display:inline; border:0; padding:0px; width:12px; height:12px; margin:4px 3px 4px 5px;}
.upgraded_list li .fg{padding:0px 5px; line-height:20px; display:inline;}
.upgraded_list li .price{ padding-left:5px;}

.recommenproduct{width:100%;padding-bottom:20px;border-bottom:#d9d9d9 1px solid; position:relative;}
.recommenproduct .productinfo{padding:0; margin:0; width:100%;}
.recommenproduct .productinfo td, .recommenproduct .productinfo th{height:22px; padding-top:5px; padding-bottom:5px; vertical-align:top; color:#555;}
.recommenproduct .productinfo th{width:70px; text-align:left; color:#333; padding-right:5px; line-height:22px;}
.recommenproduct .productinfo td .price{ font-size:18px; padding-left:5px;}
.recommenproduct .productinfo td strong{color:#333; display:block;}

.ordertable{ clear:both; width:100%; overflow:hidden;border-collapse:collapse; margin-bottom:20px; }
.ordertable th{padding:5px 10px; border:#e4e4e4 1px solid; text-align:left; font-size:16px; line-height:20px;}
.ordertable td{padding:5px 10px; border:#e4e4e4 1px solid; vertical-align:top; line-height:20px;}
.ordertable td.head{ font-weight:bold; text-align:center; background:#f2f2f2; color:#6DA9EA; font-size:14px;}
.ordertable strong{ color:#333; padding-right:5px; font-size:13px;}
.ordertable td .model {color: #999;font-family: Tahoma,Geneva,sans-serif;font-size: 11px;font-weight: bold; padding-right: 5px;}


/* ----------  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%; padding:10px;position: fixed; top: 50%;z-index:3001; width:580px; background:url(../images/pop_side.png); display:none;}
.popwin .hide_box{background-color:#f9f9f9; position:relative; border:1px solid #fff;}
.popwin .hide_box h3{background-color:#6DA9EA; font-size:16px; line-height: 20px;padding:5px 10px; color:#fff;}
.hide_box .closebr{background: url(../images/icon_popclose.png) 0 0 no-repeat; display: block; height:16px; overflow: hidden;position: absolute; right:10px;text-indent:-999px;top:7px; width:16px;}
.hide_box .closebr:hover{ background-position:0 -16px;}
.popwin .hide_box .popcontent{ clear:both; padding:15px;}
.popwin .hide_box .popcontent p{ line-height:24px;}
.popwin .popcontent p span{ padding:0 5px;}
#addcart .popcontent p{ padding-left:60px; background:url(../images/icon_addcart.png) 0 0 no-repeat;}
.popwin .hide_box .brtools{ margin:10px 0 0 130px;}

#mainpop{ margin:-160px 0 0 -300px;}
#poplogin{ margin:-130px 0 0 -300px;}
#registertip{  margin:-80px 0 0 -300px; }
#addcart{  margin:-100px 0 0 -300px; }

/* ----------  contact us details ----------  */
.fieldset{border:1px solid #ddd; margin-top:30px; padding:30px 25px 15px 25px; position:relative;}
.fieldset h4{ color:#333; text-shadow:0 1px 0 #fff; display:inline-block; font-size:14px; line-height:30px; padding:0 10px; position:absolute; left:15px; top:-15px; background-color:#eee;}
.fieldset .note{line-height:20px; position:absolute; display:inline-block; right:10px; top:-10px;  padding:0 5px; background-color:#fff; }
input, textarea{color:#7a7a7a; 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;transition:all 0.5s ease 0s;}
textarea{height:80px;width:250px;}
select{border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; height:20px; color:#7a7a7a; margin-top:3px; }
input:focus, textarea:focus{color:#333; background-image:none; border-color:#237bd7;-moz-box-shadow:0 0 3px #6da9ea;-webkit-box-shadow:0 0 3px #6da9ea;-khtml-box-shadow:0 0 3px #6da9ea;box-shadow:0 0 3px #6da9ea;}
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 td .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{width:120px; font-weight:bold;line-height:26px; padding-right:10px; color:#333;}
.from_post td.td2{width:300px;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;}