@charset "utf-8";

/* less set */
@color_default:#93c528;
@color_light: lighten(@color_default, 15%);
@color_dark:darken(@color_default, 15%);
@color_blue:#69d7ee;

/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top; }
body { font-size:14px; color:#666;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; padding-top:125px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}/*html5*/
h1, h2, h3, h4, h5, h6{ font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; font-weight:normal;}

.OWT{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.BScover{background-position:center center; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.BScontain{background-position:center center; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: contain;}
.outside_shadow(@x: 0, @y: 0, @blur: 4px, @color: #999){
	-moz-box-shadow:@x @y @blur @color;
	-webkit-box-shadow:@x @y @blur @color;
	-khtml-box-shadow:@x @y @blur @color;
	box-shadow:@x @y @blur @color;
}
.inside_shadow(@x: 0, @y: 0, @blur: 4px, @color: #ccc){
	-moz-box-shadow:@x @y @blur @color inset;
	-webkit-box-shadow:@x @y @blur @color inset;
	-khtml-box-shadow:@x @y @blur @color inset;
	box-shadow:@x @y @blur @color inset;
}
.gradient(@topcolor,@bottomcolor){
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, @topcolor), color-stop(1, @bottomcolor));
	background:-moz-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-webkit-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-o-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-ms-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:linear-gradient(to bottom, @topcolor 5%, @bottomcolor 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=@topcolor, endColorstr=@bottomcolor,GradientType=0);
	background-color:@bottomcolor;
}
.inline-border {outline:5px solid rgba(255, 255, 255, 0.35); outline-offset: -5px;}

a {color:@color_default; text-decoration:none;}
a:hover {color:@color_blue; text-decoration:none;}
::-moz-selection{background-color:@color_dark; color:#fff;}
::selection {background-color:@color_dark; color:#fff;} 
.price, .date{ font-weight:bold; font-family:Tahoma,Geneva,sans-serif; }

.gotop{ z-index:999; width:50px; line-height:50px; display:block; text-align:center; background-color:#999; border-radius:50%; color:#fff; font-size:26px; position:fixed; right:50%; bottom:30px; margin-right:-550px; transition:all 0.5s ease 0s;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);opacity:0.5;.outside_shadow(@x: 0, @y: 0, @blur: 4px, @color: #333)}
.gotop:hover{color:#fff; background-color:@color_light;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;}

/*nodata*/
.nodata{ line-height:80px; border:2px solid #eee; font-size:1.6em; text-align:center; color:#aaa; background-color:#f9f9f9; border-radius:5px;  .inside_shadow(@x: 0, @y: 0, @blur: 10px, @color: #ddd)}
.nodata .font_icon{padding-right:10px; font-size:1.1em;}

.quote_p{ position:relative; margin-bottom:20px; line-height:24px; padding:10px 15px 10px 75px; font-size:14px; background-color:#f6f6f6; border-radius:5px;height:auto!important;height:48px;min-height:48px;}
.quote_p:before{ position:absolute; left:20px; top:20px; font-size:3em; color:#e0e0e0;}


/* button & input style */
.button {padding:7px 25px; font-size:14px; display:inline-block; background-color:@color_default; line-height:20px; color:#fff; transition:all 0.5s ease 0s;}
.button:hover{ background-color:@color_blue; color:#fff;}

.button.gray{ background-color:#ccc;}
.button.gray:hover{background-color:@color_dark;}

.readmore{font-family:Tahoma,Geneva,sans-serif; line-height:20px; display:inline-block; font-weight:bold; color:#8b8b8b;}
.readmore:hover{ color:@color_default;}
.readmore span{ padding-left:5px;}

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

.container{ width:960px; margin-left:auto; margin-right:auto;}
.container .col-1{width:220px;}
.container .col-2{ width:710px;}
.container .col-1 + .col-2{ margin-left:30px;}
.container .col-2 + .col-1{ margin-left:30px;}

.contactus-group.container .col-1{width:350px;}
.contactus-group.container .col-2{width:580px;}

/* ----------  header ---------- */
/* header */
.header{ width:100%; background:#0d9bcb; position: fixed; left:0; top:0; z-index:4;}
.header .container{ position:relative; z-index:2;}
.header h1.logo{ height:60px; margin:0; padding:10px 0;}
.header h1.logo img{  max-height:60px;}
.header.fixed-top{ background-color:rgba(13,155,203,0.9); -webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1);}

.toplink{ display:none; height:30px; text-align:right; position: absolute; padding:10px 0; top:0; right:0;}
.toplink a{ line-height:30px; transition:all 0.5s ease 0s;}

.topcart{ padding-right:10px; padding-left:20px; background:url(../images/header_cart.png) no-repeat left center; display:inline-block; color:#fff;}
.topcart:hover{color:@color_light;}
.topcart span.price{ color:@color_light; padding:0 5px;}

.share_icon{line-height:30px; text-align:center; vertical-align:middle; border-radius:50%; width:30px; margin-left:5px; height:30px; display: inline-block; color:#fff; font-size:1.4em; background-color:#222222; background-image: url(../images/share_icon.png); background-repeat:no-repeat;}
.share_icon:hover{background-color:@color_dark;}
.share_icon.facebook{ background-position:0 0;}
.share_icon.twitter{ background-position:-30px 0;}
.share_icon.plurk{ background-position:-60px 0;}

/* menu */
.menu {height:45px; position:relative; z-index:1;}
.sf-menu { height:45px; float:right}
.sf-menu ul {position:absolute; top:-999em;width:14em;}
.sf-menu ul li {width:100%; margin:0; padding:0;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {position:relative; zoom:1; float:left; margin:0; display:inline;}
.sf-menu li a{display:block; color:#ccebf5; line-height:35px; font-size:18px; padding:5px 30px; transition:all 0.5s ease 0s; letter-spacing:2px;}
.sf-menu li.sfHover>a, .sf-menu li.current.sfHover>a,.sf-menu li.current>a { color:#fff;}
.sf-menu>li>a:hover, .sf-menu>li.current>a:hover{ color:@color_light;}
.sf-menu li li{ clear:both; margin:0; padding:0;border-bottom:1px solid #eee; }
.sf-menu li li:last-child{ border-bottom:0}
.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a{display:block; color:#777777; text-align:left; border:0; font-size:14px; padding:10px 15px; line-height:20px; }
.sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li.current li a:hover, .sf-menu li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li a:hover{color:#333; }
.sf-menu li a.sf-with-ul {padding-right:35px;}
.sf-sub-indicator {position:absolute; right:10px; top:15px; text-align:center; overflow:hidden;font-family:'FontAwesome';speak: none;font-weight: normal;font-variant: normal;line-height:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:15px;-webkit-transform: scale(0.75);  -o-transform: scale(1);}
.sf-sub-indicator:before{content: "\f0d7";}
.sf-menu li li .sf-sub-indicator{display: block; top:15px; right:10px; font-size:12px;}
.sf-menu li li .sf-sub-indicator:before{content: "\f0da";}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:45px; z-index:999; border:0; padding:10px; background-color:#fff; -webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1);}
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:14em; top:0; border:0;padding-top:0; padding-left:1px;}
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:14em; top:0;}
.mobilemenu{ display:none;}

/* banner */
.banner{ clear:both; width:100%; margin:0; position:relative;  overflow:hidden;}
.mainslider{width:100%;height:400px; position:relative; list-style:none; margin:0 auto; padding:0; background:url(../images/loading.svg) center no-repeat;}
.mainslider li{width:100%; height:100%; position:relative; overflow:hidden; .BScover}
.mainslider li .mobilelink{width:100%; height:100%; display:none; cursor:pointer;}

.rslides_nav{ width:40px; height:80px; text-align:center; line-height:80px; position:absolute; z-index:1; top:50%; margin-top:-40px; background:url(../images/pop_side.png); border-radius:5px; font-size:20px; color:#fff;}
.rslides_nav:hover{ background:rgba(105,73,50,0.6); color:#fff;}
.rslides_nav.next{ right:40px;}
.rslides_nav.prev{ left:40px;}

.rslides_tabs{margin:0; height:16px; position:absolute; left:50%; bottom:20px;}
.rslides_tabs li{float:left; margin-left:10px; position:relative; right:50%;}
.rslides_tabs a{cursor:pointer; display:block; width:16px; height:16px;  border-radius:50%; position:relative; overflow:hidden; text-indent:-999px; transition:all 0.5s ease 0s; background-color:#ccc;}
.rslides_tabs li.rslides_here a, .rslides_tabs li.rslides_here a:hover{background-color:@color_dark;}
.rslides_tabs a:hover{ background-color:@color_light;}

/* ----------  footer ---------- */
.footer {clear:both; background:#f5f5f5; color:#999; position:relative;}
.footer .container{ padding-top:20px; padding-bottom:20px; position:relative}
.footer .container  p{  line-height:24px; text-align:center;  font-size:16px;}
.footer h4{ line-height:30px; font-size:20px;  text-align:center; margin:20px 0 10px; color:#333;}
.footer .qr-group{ position:absolute; right:0; top:80px; text-align:center; }
.footer .qr-group img{ max-height:150px; padding-bottom:10px;}
.footer .qr-group span{ padding:0 5px;}
.footer .qr-group .gray{ color:#ccc;}
.footer .qr-group .gray:hover{ color:@color_light;}
.text-primary{ color:#0d9bcb;}

.copyright{ line-height:20px; margin-top:20px; text-align:center;}
.copyright span{ padding:0 5px;}

.footer-nav{ height:45px; margin-top:20px; text-align:center; background-color:@color_default;}
.footer-nav a{ font-size: 18px; line-height:45px; padding:0 20px; color:#e9fac6;}
.footer-nav a:hover{ color:#fff;}


/* ----------  index css  ---------- */
.mainaboutus{ padding:30px 0; background-color:#f1f1f1;}
.mainaboutus .container{ position:relative; }
.mainaboutus .aboutusphoto{ width:400px; height:300px; text-align:center; position:absolute; right:0; top:0}
.mainaboutus .aboutusphoto img{ max-width:100%; max-height:100%;}
.mainaboutus .aboutusinfo{ margin-right:430px;height:280px; padding:10px 15px; background-color:#fff;-webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1);}
.mainaboutus .aboutusinfo .title{ font-size:24px; line-height:30px; margin:0 0 10px; color:#333;}
.mainaboutus .aboutusinfo .aboutusdigest{ font-size:16px; line-height:30px; height:240px;  overflow:hidden;}

.maintitle{ color:#333; font-size:24px; text-align:center; padding:15px 20px; margin-bottom:20px; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);  background-color:#f0f0f0;}

.productlist{ position:relative;}
.productlist .container{ position:relative;}
.productlist .title{color: #333; font-size: 24px; letter-spacing:2px; line-height: 30px; text-align:center; margin-bottom: 20px; }

.productlist ul{ margin:-10px -15px;}
.productlist li{ width:50%; box-sizing:border-box; float:left; padding:10px 15px; height:120px;}
.productlist li a{ display:block; padding-left:110px; height:100px; background-color:#f0f0f0; -webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.2); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.2); transition:all 0.5s ease 0s;  position:relative;}
.productlist li a:hover{-webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.3);}
.productlist li .photo{ width:100px; height:100px; position:absolute; left:0; top:0; margin:0; z-index:1; overflow:hidden; display:block; background:url(../images/loading.svg) center no-repeat;}
.productlist li .photo .link{ background-color:#fff; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;transition:all 0.5s ease 0s; .BScontain}
.productlist li .photo .mask{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.2); opacity:0;transition:all 0.5s ease 0s; z-index:1;}
.productlist li .photo:hover .link{ width:120%; height:120%; left:-10%; top:-10%;}
.productlist li .photo:hover .mask{ opacity:1;}
.productlist li .name{ display:block; font-size:16px; padding:10px;}
.productlist li .name span{ color:@color_default; line-height:25px; max-height:75px; display:block;  overflow: hidden;}
.productlist li:hover .name span{ color:@color_blue;}


.main-productlist ul{ margin:0 -5px;}
.main-productlist li{width:140px; padding:0 10px 10px; margin:10px; display:inline; float:left; background-color:#fff; position:relative;-webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.1); transition:all 0.5s ease 0s;}
.main-productlist li:hover{-webkit-box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.3);}
.main-productlist li .photo{ width:160px; height:160px; display:block; margin:0 -10px 10px; position:relative; background:url(../images/loading.svg) center no-repeat; position:relative; overflow:hidden;}
.main-productlist li .photo .link{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;transition:all 0.5s ease 0s; .BScontain}
.main-productlist li .photo .mask{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.2); opacity:0;transition:all 0.5s ease 0s; z-index:1;}
.main-productlist li .photo:hover .link{ width:120%; height:120%; left:-10%; top:-10%;}
.main-productlist li .photo:hover .mask{ opacity:1;}

.main-productlist li .name{ display:block; font-size:16px; color:#fff; padding:5px 10px; background-color:@color_default; transition:all 0.5s ease 0s;}
.main-productlist li .name span{ line-height:20px; height:40px; display:block;  overflow: hidden; }
.main-productlist li .name:hover{background-color:@color_blue; color:#fff}


/* ----------  pages css  ---------- */
.container.maincontent, .container.pagecontent{ padding:30px 0 50px 0;}
.container .detail{ height:auto!important;height:300px;min-height:300px;}
.container .page_h2{ color:#333; font-size:30px; line-height:30px; margin-bottom:30px;}

/* navigation */
.navigation{overflow:hidden; text-align:right; margin-bottom:15px; padding:8px 15px; background-color:#f5f5f5; font-size:16px;}
.navigation a{ font-weight:bold; margin-right:1px; line-height:30px;  display:inline-block; transition:all 0.5s ease 0s;}
.navigation a:after{ color:#999; content:"/"; padding:0 10px;}
.navigation strong{color:#666; line-height:30px;}

.page-tab{ border-bottom:1px solid #eee; text-align:center; margin-bottom:20px}
.page-tab li{ display:inline-block; }
.page-tab li + li{ margin-left:10px; padding-bottom:10px;}
.page-tab li a{ line-height:40px; font-size:20px; padding:5px 25px; color:#999; display:block;  transition:all 0.5s ease 0s}
.page-tab li.current a, .page-tab li.current:hover a{color:#fff; background-color:@color_default;}
.page-tab li a:hover{ color:@color_blue; background-color:#f0f0f0; border-color:#f0f0f0;}

.detailtitle{margin-bottom:15px; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); position:relative;}
.detailtitle h4{color:#7a7a7a; font-size:14px; line-height:20px; padding:10px 140px 10px 15px;}
.detailtitle .font_icon{ padding-right:5px;}
.detailtitle .info{ position:absolute; top:10px; right:10px; line-height:20px; text-align:right; color:@color_default;}
.detailtitle .info .font_icon{padding:0 5px; font-weight:normal;}
.nes {color:#f00; padding:0 5px;}

.newstitle{margin-bottom:15px; position:relative; background-color:#fff; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);}
.newstitle h4 {color:#7a7a7a; font-size:14px; line-height:20px; padding:10px 90px 10px 10px;}
.newstitle .font_icon{ padding-right:5px;}
.newstitle .date{ position:absolute; top:10px; right:10px; line-height:20px; text-align:right; font-size:10px; font-weight:bold; color:@color_default;}

.htmledit{ clear:both; line-height:150%; font-size:14px;}
.detail .htmledit p{ line-height:180%; margin-bottom:5px;}
.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}
.detail .htmledit .default_h4{ clear:both; line-height:20px; margin-top:0px; margin-bottom:10px; color:@color_blue; font-size: 1.2em;}
.detail .htmledit .default_strong{font-size:13px; padding:0 5px;}
.detail .htmledit .default_img{ border:4px solid #fff; -moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;-khtml-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;}

.htmledit .specifications-list { width:100%; overflow:hidden; border-collapse:collapse;}
.htmledit .specifications-list th{ color:#333; font-weight:1.2em; padding:5px 10px; background-color:#ccc; line-height:20px; text-align:left;border:1px solid #e4e4e4;}
.htmledit .specifications-list td{ padding:5px 10px; line-height:20px; border:1px solid #e4e4e4;} 
.htmledit .specifications-list tr.even td{background-color:#f2f2f2;}
.htmledit .specifications-list tr.odd td{background-color:#fcfcfc;}
.htmledit .specifications-list tr.over td{background-color:#eee;}

/*sidebar*/
.sidebar{ background-color:#fff; -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);}
.sidebar li{clear:both; line-height:24px;  position:relative;}
.sidebar li a{border: 1px solid #e5e5e5;display: block; margin: 0 0 -1px; padding: 8px 34px 8px 14px; font-size:16px; color:#7a7a7a; line-height:30px;}
.sidebar li a:hover{ background-color:#f8f8f8; color:@color_default;}
.sidebar h3{padding:15px 14px; font-size:20px; color:#333; border: 1px solid #e5e5e5;  margin: 0 0 -1px;}
.sidebar li.opened .nav-top-item{ border-bottom:0;}
.sidebar li .font_icon{ position:absolute; display:block; cursor:pointer; right:0px; top:0; font-style:normal; font-size:16px; width:46px; height:46px; text-align:center; line-height:46px;}
.sidebar li.current > a{ color:@color_dark;}
.sidebar li ul{ display:none; border-width:0 1px; border-style:solid; border-color:#e5e5e5;}
.sidebar li li a{ font-size:14px; border:0; padding:3px 10px 3px 25px;}

.contactInfo{line-height:24px; padding:10px 15px;border: 1px solid #e5e5e5;}


/* content list */
.content_list{ overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden; border-collapse:inherit;}
.content_list table th{text-align:left; padding:5px 10px; font-size:14px; font-weight:normal; line-height:20px; color:#7a7a7a; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; background-color:#f8f8f8;}
.content_list table td{padding:10px; vertical-align:top; line-height:20px; border-bottom:1px solid #eee;}
.content_list table td a{ transition:all 0.5s ease 0s; color:#333;}
.content_list table td a:hover{ color:@color_blue;}

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

/* page tools css */
.grayr {margin:10px 0 0 0; padding:10px; font-size:12px; text-align:center;}
.grayr a{padding:5px 8px; margin:2px; color:@color_default; font-weight:bold; background-color:#eee; transition:all 0.5s ease 0s; border-radius:3px;}
.grayr a:hover{ color:#fff; background-color:@color_blue; }
.grayr a:active {color:#fff; background-color:@color_dark;}
.grayr span.current {padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background-color:@color_default;  border-radius:3px;}
.grayr span.disabled {padding:5px 8px; margin:2px; color:#ccc; font-weight:bold; background-color:#f0f0f0;  border-radius:3px;}
.grayr .icon-chevron-left{ padding-right:5px; font-size:0.8em;}
.grayr .icon-chevron-right{ padding-left:5px; font-size:0.8em;}

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

.leftcatalog .showpic{width:300px; height:300px; position: relative; padding:9px; border:1px solid #e0e0e0;}
.leftcatalog .showpic .hidden-container{ position:absolute; left:0; top:0;width:300px; height:300px; visibility:hidden;}
.leftcatalog .showpic table{table-layout:fixed;width:100%; height:100%;}
.leftcatalog .showpic table td{padding:0;margin:0;text-align:center;vertical-align:middle;width:100%;height:100%;}
.leftcatalog .showpic table td a{visibility:hidden;}
.leftcatalog .showpic table td img{ max-width:300px; max-height:300px; }

.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:#f0f0f0;padding:8px 21px; margin-top:20px; position:relative;}
.catalog .prev, .catalog .next{position:absolute;color:@color_light;top:28px; width:11px; font-size:16px; text-align:center; line-height:36px; display:block; z-index:3;}
.catalog .prev:hover, .catalog .next:hover{ color:@color_dark;}
.catalog .prev{ left:4px;}
.catalog .next { right:4px;}
.catalog .next:hover{ background-position:-11px -36px;}

.thumbs_list{z-index:2; overflow:hidden; background-color:#f9f9f9; border-radius:3px;}
.thumbs_list ul{clear:both; height:72px; }
.thumbs_list li{width:60px; height:60px; border:1px solid #ccc; vertical-align:middle; text-align:center;float:left; margin:5px 4px;cursor:pointer;position:relative;}
.thumbs_list li.over{ border-color:@color_light;}
.thumbs_list li .bg{ width:100%; height:100%; text-align:center; overflow:hidden; position:absolute; background:url(../images/slider_bg.png); display:none; z-index:2; top:0; left:0;}
.thumbs_list li .bg:before{line-height:60px;font-size:3em; color:@color_light;}
.thumbs_list li a{ height:100%; width:100%; display:block; position:relative; z-index:1; overflow:hidden; .BScover}

.rightinfo .slogen{ display:block; color:#999; line-height:20px;}
.rightinfo .productname{font-size:18px; color:@color_default; line-height:30px; padding-bottom:10px; border-bottom:1px solid #e0e0e0; margin-bottom:10px; display:block; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
.rightinfo .productinfo{padding:0; margin:0; width:100%;}
.rightinfo .productinfo td, .rightinfo .productinfo th{line-height:20px; vertical-align:top; padding-top:10px; padding-bottom:10px;}
.rightinfo .productinfo th { width:80px; text-align:right; color:@color_blue; padding-right:15px; color:#7a7a7a;}
.rightinfo .productinfo td span{ padding:0 5px;}
.rightinfo .productinfo td .price{ font-size:16px; color:#f00; padding:0;}
.rightinfo .brtools{ margin:20px 0 0 0; }


.rightinfo .sharetools{ background:#f6f6f6; width:340px; padding:20px 15px; position:absolute; left:0; bottom:0; height:40px;}
.mailshare {background:#eee; border-style:solid; border-width:1px; border-color:#ccc #ccc #aaa #ccc; border-radius:3px; color:#666; 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 .mail{ border-top:1px solid #fff;line-height:22px;padding:8px 20px 9px 50px; position:relative; display:inline-block;border-radius:2px;}
.mailshare .mail .font_icon{ position:absolute; left:15px; top:8px; line-height:22px; font-size:2em;}
.mailshare:hover {color:#333; background-position:0 bottom;}
.mailshare:hover span{ border-color:#ddd;}
.sharetools strong{ color:@color_dark; font-size:13px; padding-right:10px; float:left; line-height:40px;}
.sharetools .icon1, .sharetools .icon2, .sharetools .icon3, .sharetools .icon4{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;}
.sharetools .icon4{ background-position:0 -78px; display:none;}

/* ----------  popwin ----------  */
.popmask{ position:absolute;background:url(../images/slider_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;}
.popwin .hide_box{background-color:#fff; position:relative;}
.popwin .hide_box h3{ color:#fff; background:@color_dark; font-size: 16px; line-height: 20px;padding: 8px 20px 6px 10px;}
.hide_box .closebr{background: url(../images/icon_close.png) no-repeat ;display: block;height: 16px;overflow: hidden;position: absolute;right:10px;text-indent:-999px;top:10px;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:20px; padding-bottom: 10px;}
.popwin .hide_box .popcontent .brtools .button { float:right;}
.popwin .from_post li{ margin-bottom:10px;}

#mailshare{margin-top:-280px;}
#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 ----------  */
.googlemap{  height:340px; margin-top:30px;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
#map_canvas {  height:300px;}
.maplink{line-height:40px; font-size:16px;transition:all 0.5s ease 0s; background-color:@color_default; display:block; text-align:center; font-weight:bold; color:#fff;}
.maplink:hover{background-color:@color_blue; color:#fff;}

/* ----------  contact us details ----------  */
input, textarea{color:#666; padding:4px 10px;  background:#f8f8f8; border:1px solid #e0e0e0;line-height:20px; transition:all 0.5s ease 0s;}
input{height:20px; }
textarea{height:80px; width:70%;}
select{color:#666; line-height:30px;height:30px;  border:1px solid #ccc; background:#f8f8f8;}
input:hover, textarea:hover{ border-color:#aaa;}
input:focus, textarea:focus{color:#000; background:#fff; border-color:@color_light; .outside_shadow(@x: 0, @y: 0, @blur: 4px, @color: @color_light)}
input.radio:focus, input.checkbox:focus{-moz-box-shadow: none;-webkit-box-shadow: none;-khtml-box-shadow: none;box-shadow: none;}
input:disabled{background-color:#333; color:#777;}
input.type1, select.type1{ width:50%;}
input.type2, select.type2{ width:20%;}
input.type3, select.type3{ width:10%;}
.from_post li{ padding-left:130px; margin-bottom:15px; position:relative;}
.from_post li .title{ font-size:14px; line-height:30px; color:#7a7a7a; display:block; width:120px; text-align:right; position:absolute; left:0; top:0;}
.from_post li strong{line-height:30px; color:@color_default;}
.from_post li .fg{padding:0px 10px; line-height:30px; display:inline; color:#999;}
.from_post li .nes{line-height:30px;}
.from_post li .check{ clear:both; display:block; line-height:20px; color:#f00; padding-top:5px;}
.from_post li .check img{ padding:2px 5px 0 0;}
.from_post li .codeimg{padding:4px 0 0 10px;cursor:pointer;}
.from_post li.last{ border:0; margin-bottom:0;}
.from_post li .price{ font-size:1.1em; padding-left:5px; color:@color_light;}
.from_post .radio, .from_post .checkbox{ background:none; display:inline; border:0; padding:0px;margin:9px 4px 8px 0;}
.from_post .brtools{ margin:20px 0 0 130px;}
.cart_detail .from_post .brtools{ margin-left:0;}

/* ----------  cart navigation style----------  */
span.nes{color:#f00; padding:0px 5px;}
span.price{ color:#000; font-size:13px; font-weight:bold; font-family:Tahoma,Geneva,sans-serif;}
span.loadtext{ color:#333; font-weight:bold; padding:0px 5px;}
span.model{ font-size:11px;font-family:Tahoma,Geneva,sans-serif; font-weight:bold; color:#999; padding-right:5px;}
.cart_detail{background-color:#fff; height:auto!important; height:350px;min-height:350px; padding:20px 20px 30px 20px;}

.cartnav{ margin-bottom:30px; height:50px; background: url(../images/fg_img.gif) 0 center repeat-x;}
.cartnav ul{height:50px; text-align:center;}
.cartnav li{ padding-left:50px; padding-right:15px; display:inline-block;  position:relative; background-color:#fff; margin:0 20px;}
.cartnav li em{ line-height:50px; font-size:40px; font-family: "Times New Roman", Times, sans-serif; font-weight:bold; position:absolute; top:0; left:15px;  color:#999; background-color:#fff; }
.cartnav li h4{ font-size:20px; line-height:30px; color:#999;background-color:#fff;}
.cartnav li strong{font-size:16px; font-style:italic; color:#999; line-height:20px; font-family:"Times New Roman", Times, serif; background-color:#fff; }
.cartnav li.current em, .cartnav li.current h4, .cartnav li.current strong{ color:#f60;}
.cartnav li a em, .cartnav li a h4, .cartnav li a strong{ color:#999;}
.cartnav li a:hover em, .cartnav li a:hover h4, .cartnav li a:hover strong{color:#333;}

/* button & input style */
.cart_button {padding:7px 20px; font-size:15px; font-weight:bold;  display:inline-block; background-color:#999; line-height:20px; color:#fff;  transition:all 0.5s ease 0s;}
.cart_button:hover{ background-color:#f60; color:#fff;}
.cart_button_disable{padding:7px 20px; font-size:15px; font-weight:bold; display:inline-block; background-color:#ccc; line-height:20px; color:#999; cursor:default;}
.cart_detail .brtools{border-top: 1px solid #ccc; margin-top:20px; padding-top:15px;  text-align:right;}


.grouptitle{ clear:both; background:#fff url(../images/title_bg.gif) bottom repeat-x; margin-bottom:10px;}
.grouptitle .titletext{ float:left; border-bottom:2px solid #f60;}
.grouptitle .titletext h3{line-height:40px; padding:0 5px; display:inline-block; font-size:16px; font-weight:bold; color:#5f5f5f;letter-spacing:2px;}
.grouptitle .titletext input{ margin-left:20px; border:0; background:none;}
.grouptitle .titletext .loadtext{ font-size:12px; font-weight:normal;}
.grouptitle .textinfo{ float:right; font-size:13px;text-align:right; line-height:40px; }
.grouptitle .textinfo a{ color:#555; line-height:20px; padding:0 5px; border-radius:3px; background-color:#eee; display:inline-block;}
.grouptitle .textinfo a:hover{ text-decoration:none; background-color:#555; color:#fff;}

.cartlist { clear:both; overflow:hidden; margin-bottom:20px; background-color:#fff;}
.cartlist ul{ width:100%; display:table; overflow:hidden; table-layout:fixed; border-bottom:#e8e8e8 1px solid; }
.cartlist ul:hover{background-color:#f0f0f0;}
.cartlist li{ display:table-cell; vertical-align: middle; padding:10px 5px; text-align: center;}
.cartlist ul.list-header li{color:#333;}
.text-left, .cartlist li.text-left{ text-align:left;}
.text-center, .cartlist li.text-center{ text-align:center;}
.text-right, .cartlist li.text-right{ text-align:right;}
.cartlist ul.list-header li.photo, .cartlist ul.list-header:hover li.photo{ background:none;}
.cartlist li.photo{background:url(../images/marker1.png) 10px center no-repeat;width:70px; text-align:center; padding-left:40px;}
.cartlist li.photo a img {cursor:pointer;max-width:60px; max-height:60px; padding:1px; background-color:#fff; border:1px solid #c0c0c0;}
.cartlist ul:hover li.photo{ background-image:url(../images/marker2.png)}
.cartlist ul:hover li.photo a img{ border-color:#ff7400;}
.cartlist li a{ font-size:15px; font-weight:bold;}
.cartlist li .price{ padding-left:5px; font-size:16px;}
.cartlist li input{ text-align:center; width:40px;}
.cartlist ul.list-footer{ border:0;}
.cartlist ul.list-footer li{text-align:right;font-weight:bold; color:#333; font-size:13px; padding-right:20px;}
.cartlist ul.list-footer li .price{font-size:15px;}
.cartlist li .mobiletitle{ padding-right:5px; display:none;}


/* ----------  cart popwin ----------  */
.cartpopmask{ position:absolute;background:url(../images/slider_bg.png);border:none;height: 100%;left: 0; margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index:3000; display:none;}
.cartpopwin{left: 50%; margin-left:-300px;padding:10px;position: fixed; top: 50%;z-index:3001; width:580px; background:url(../images/pop_side.png); display:none;}
.cartpopwin .hide_box{background-color:#fff; position:relative;}
.cartpopwin .hide_box h3{background:#ff7400; font-size:16px; line-height:24px; padding:5px 30px 5px 10px; color:#fff; }
.hide_box .closebr{background: url(../images/icon_close.png) 0 0 no-repeat ;display: block;height:16px;overflow: hidden;position: absolute;right:10px;text-indent:-999px;top:8px;width:16px;}
.hide_box .closebr:hover{ background-position:0 -16px;}
.cartpopwin .hide_box .popcontent{ clear:both; padding:15px;}
.cartpopwin .hide_box .popcontent p{ line-height:24px; padding-bottom:10px;}
.cartpopwin .hide_box .popcontent p .price{ padding:0 5px; color:#f60;}
.cartpopwin .from_post{ background:none; border:0; margin:10px 0 0 0; padding:0;}

#popsubmit{ margin-top:-85px;}


.termstext{padding:4px 10px; overflow:hidden; border:1px solid #e0e0e0; width:70%; height:80px;overflow-y:auto; overflow-x:hidden; color:#838383;}
.payinfo{ clear:both; font-weight:normal; border:1px solid #dbdbdb; border-radius:2px; margin-bottom:20px; padding:15px 20px; background-color:#f2f2f2; text-shadow:0 1px 0 #fff;-moz-box-shadow:0 0 5px #ccc inset; -webkit-box-shadow:0 0 5px #ccc inset; box-shadow:0 0 5px #ccc inset;}
.payinfo .sign{ padding:0 10px;}
.payinfo .price{ padding:0 5px; font-size:15px;}
.payinfo strong{ font-size:15px;}
.payinfo strong .price{ font-size:18px;}

.ordertable{ clear:both; width:100%; overflow:hidden;border-collapse:collapse; margin-bottom:20px; border-color:#ccc; border-style:solid; border-width:1px 1px 0 1px;}
.ordertable ul{width:100%; display:table; overflow:hidden; table-layout:fixed; border-bottom:#ccc 1px solid;}
.ordertable li{ display:table-cell; vertical-align: middle;  padding:8px 5px;  line-height:24px;border-right:#ccc 1px solid;}
.ordertable ul.list-header li{background:#f8f8f8; font-weight:bold; }
.ordertable li .mobiletitle{ display:none;}
.ordertable li.productname{ width:50%;}
.ordertable li strong{ padding-right:5px;}


/* 大屏幕 */
@media (min-width: 1200px) {
	.gotop{ margin-right:-650px;}
	.container{ width:1170px;}
	.container .col-2{ width:910px;}
	.contactus-group.container .col-2{width:790px;}
	.footer .qr-group{top:40px; }
	
	.main-productlist ul{ margin:0 -5px;}
	.main-productlist li{width:190px;  margin:15px 10px;}
	.main-productlist li .photo{ width:210px; height:210px;}
	
	.detail .rightinfo{width:570px;}
	.rightinfo .sharetools{width:540px;}
	.contactdetail .detail{width:790px;}
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:720px;}
	.container .col-1, .contactus-group.container .col-1{ float:inherit; width:auto; margin-bottom:20px; margin-right:0;}
	.container .col-2, .contactus-group.container .col-2{ float:inherit; width:710px; margin:0 auto;}
	.contactus-group.container .col-2{margin-bottom:20px;}
	.container .col-1 + .col-2{ margin-left:0;}
	.container .col-2 + .col-1{ margin-left:0;}
	
	
	.footer .row .group .font_icon{ font-size:2em; left:25px;}
	.footer .row .group p{ padding-left:40px;}
	.footer .row .group{ width:30%;}
	.footer .row .group.text-center{ width:20%;}
	.footer .row .group.add{ width:50%;}
	.footer .container p { font-size: 14px;}
	.footer .qr-group{ position: inherit; right:auto; top:auto; text-align:center; padding:10px 0;}
	
	/* menu */
	.sf-menu li a{padding-left:15px; padding-right:15px;}
	.sf-menu li a.sf-with-ul{ padding-right:20px;}
	.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a{ font-size:13px; padding: 5px 15px;}
	.sf-sub-indicator { display:none;}
	.sf-menu li li .sf-sub-indicator{ top:10px; right:5px;}
	
	.copyright{ text-align:left;}
	
	/* banner */
	.mainslider{ height:320px;}
	
	.mainaboutus .aboutusinfo .title{font-size: 18px;}
	.mainaboutus .aboutusinfo .aboutusdigest{font-size: 13px; line-height: 20px;}
	
	
	.cartnav li em{ font-size:30px; line-height:36px;}
	.cartnav li h4{ font-size:16px; line-height:20px;}
	.cartnav li strong{font-size:12px; line-height:16px;}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	body{ padding-top:60px;}
	
	.container{ width:auto; margin-left:20px; margin-right:20px;}
	.container .col-1, .contactus-group.container .col-1{ float:inherit; width:auto; margin-bottom:20px; margin-right:0;}
	.container .col-2, .contactus-group.container .col-2{ float:inherit; width:auto; margin:0 auto;}
	.container .col-1 + .col-2{ margin-left:0;}
	.container .col-2 + .col-1{ margin-left:0;}
	
	.contactus-group.container .col-2{margin-bottom:20px;}
	.header{width:100%; height:60px;}
	
	.header h1.logo{ height:60px; top:0; padding:5px 0;}
	.header h1.logo img{height:50px;}

	.toplink{ height:40px; display:block;}
	.toplink .iconmenu{ display: inline-block;}
	.menu, .toplink .topcart, .toplink .share_icon{ display:none;}
	.toplink .iconmenu{ text-align:center; vertical-align:middle; border-radius:50%; width:40px; margin-left:5px; line-height:40px; height:40px;color:#fff; font-size:1.3em; background-color:@color_default;}
	.toplink .iconmenu:hover{ color:#fff; background-color:@color_blue;}
	.toplink .iconmenu.active{ background-color:@color_default;}
	
	.mobilemenu{ width:100%; position:relative;}
	.mobilemenu .icon-double-angle-up{display: block; font-size:1.4em; text-align:center; color:#fff; line-height:20px; border-radius:3px; background-color:@color_light;}
	.mobilemenu .icon-double-angle-up:hover{ color:#fff;background-color:@color_default;}
	
	.mobilemenu ul{ padding:10px; background-color:#fff; -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3); }
	.mobilemenu li{ clear:both; border-bottom:1px solid #eee;}
	.mobilemenu li.last{ border:0;}
	.mobilemenu li .font_icon{ position:absolute; top:5px; right:5px;}
	.mobilemenu li a{ color:#7a7a7a; line-height:24px; padding:10px 30px 10px 5px;  position:relative; display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:16px; }
	.mobilemenu li a:hover, .mobilemenu li.current a, .mobilemenu li.current a:hover{color:@color_light;}
	
	
	/* banner */
	.mainslider{ height:320px;}
	.rslides_nav.next, .rslides_nav.prev{ display:none;}
	
	.mainaboutus .aboutusphoto{height:auto; position: inherit; right: auto; text-align: center;top: auto; width: 100%;}
	.mainaboutus .aboutusinfo .title{ text-align:center; font-size: 18px;}
	.mainaboutus .aboutusinfo{margin-right:0; margin-top:30px;}
	.mainaboutus .aboutusinfo .aboutusdigest{ font-size:14px;}
	
	.maintitle{width:370px; margin-left:auto; margin-right:auto;}
	.productlist h3.title{ letter-spacing:0; font-size: 18px;}
	
	.productlist ul{ width:420px; margin:0 auto;}
	.productlist li{width:100%; padding:10px 5px;}
	
	.main-productlist ul{ width:420px; margin:0 auto;}
	.main-productlist li{width:180px; margin:5px;}
	.main-productlist li .photo{ width:200px; height:200px;}
	.main-productlist li .name{ padding:5px 10px; font-size:14px;}
	
	.footer{ text-align:center;}
	.footer .qr-group{ position: inherit; right:auto; top:auto; text-align:center; padding:10px 0;}
	.footer .container p { font-size: 14px;}
	.footer-nav{ height:auto; overflow:hidden;}
	.footer-nav::before, .footer-nav::after{ clear: both; display:table;}
	.footer-nav a{ width:50%; float:left; font-size:14px; box-sizing: border-box; line-height:30px; border-bottom:1px solid #fff; border-left:1px solid #fff;}
	
	.grayr {padding:0; font-size:10px;}
	.grayr a {padding:4px;}
	.grayr span.current {padding:4px;}
	.grayr span.disabled {padding:4px;}
	
	.page-tab li{ display:block; margin:10px 0; }
	.page-tab li + li{ margin-left:0;}
	.page-tab li a{ line-height:30px; font-size:18px; padding:5px 0;  border:1px solid #ccc;}
	
	.zoomDiv, .zoomMask { display:none;}
	.detail .leftcatalog{ clear:both; width:100%; margin:0 0 20px 0;}
	.detail .rightinfo{clear:both; width:100%; height: auto;}
	.leftcatalog .showpic{ margin:0 auto; width:240px; height:240px;}
	.leftcatalog .showpic table td img{ max-width:240px; max-height:240px; }
	
	.catalog{ margin:10px auto 0 auto; position:relative; width:200px; height:50px;}
	.catalog .prev {left:5px; top:15px; }
	.catalog .next {right:5px; top:15px; }
	.thumbs_list ul{height:42px;}
	.thumbs_list li{width:40px;height:40px;}
	.thumbs_list li .bg:before{line-height:40px;font-size:2em; color:@color_light;}
	
	.rightinfo .sharetools{ position:inherit; background:#f9f9f9; width:auto; padding:10px; height:40px; margin-top:20px;}
	.mailshare { display:none;}
	.sharetools strong{ color:#666; font-size:13px; padding-right:10px; line-height:40px; display:inline-block;}
	.sharetools .icon1, .sharetools .icon2, .sharetools .icon3{ display:inline-block;}
	
	.popwin, .cartpopwin{ left:20px; right:20px;  margin: 0; width: auto;}
	.popwin .hide_box .popcontent{ clear:both; padding:10px;}
	
	
	.from_post li{ padding-left:0; margin-bottom:10px;}
	.from_post li .title{line-height:20px; display:block; width:auto; text-align:left; position:inherit; left:auto; top:auto; margin-bottom:5px;}
	.from_post .brtools{ margin:20px 0 0 0;}
	input.type1, select.type1, textarea{ width:80%;}
	input.type2, select.type2{ width:40%;}
	input.type3, select.type3{ width:20%;}
	
	.cart_detail{ padding:0;}
	.cartnav{ margin-bottom:20px; height: auto; background: url(../images/fg_img.gif) 15px 0 repeat-y;}
	.cartnav ul{height: auto; }
	.cartnav li{ clear:both; float:none; display:block; padding-left:40px; line-height:30px; padding-right:5px; margin:10px 0;}
	.cartnav li em{left:0; top:0; line-height:30px; font-weight:bold; height:30px; width:30px; text-align:center; background-color:#eee; color:#7a7a7a; font-size:16px; border-radius:50%;}
	.cartnav li.current em{color:#fff; background-color:#ff7400;}
	.cartnav li h4{ font-size:14px; line-height:30px; text-align:left;}
	.cartnav li strong{ display:none;}
	
	.cartlist { clear:both; overflow:hidden; margin-bottom:20px; background-color:#fff;}
	.cartlist ul{ display:block; padding:0 30px 0 80px; position:relative; width:auto;}
	.cartlist li{ display:block; clear:both; text-align: left; padding:5px;}
	.cartlist li.photo{background: none; width:70px;padding-left:0; position:absolute; left:0; top:0;}
	.cartlist li.delete{width:30px;  position:absolute; right:0; top:0;}
	.cartlist ul:hover li.photo{ background-image: none}
	.cartlist ul.list-header{display:none;}
	.cartlist ul.list-footer{ padding:0;}
	.cartlist li .mobiletitle{ display: inline-block;}
	
	.cart_detail .brtools{ text-align:center;}
	
	.cart_detail{min-height: inherit;}
	.grouptitle .titletext h3{letter-spacing:0;}
	.grouptitle .textinfo{ font-size:12px;}
	.grouptitle .titletext input{ margin-left:0;}
	.cart_detail .from_post .fg{ clear:both; display:block;}
	.grouptitle .titletext label{ clear:both; display:block;}
	
	.ordertable ul{width:100%; display: block;}
	.ordertable li{ display: block; border:0; text-align:left !important;}
	.ordertable li .mobiletitle{ display:none;}
	.ordertable li.productname{ width:auto;}
	.ordertable li .mobiletitle{display: inline-block; font-size:13px; color:#333;}
	.ordertable ul.list-header{ display:none;}
	.tn3-thumbs { width:55%;}
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	/* banner */
	.mainslider{ height:240px;}
	.header h1.logo img{ height:40px; padding-top:5px;}
	.maintitle{width:auto; margin-left:0; margin-right:0;}
	
	.productlist ul{ width:100%; margin:0;}
	.productlist li{width:100%; padding:5px 0; height:110px;}
	
	.main-productlist ul{ width:auto;}
	.main-productlist li{ clear:both; width:100%; margin:0 0 10px; padding:10px 10px 30px 110px; position:relative; box-sizing:border-box; height:100px;}
	.main-productlist li .photo{ width:100px; height:100px; position:absolute; left:0; top:0; margin:0; z-index:1;}
	.main-productlist li .name{ line-height:70px; background-color: transparent; color:@color_default;}
	.main-productlist li .name:hover{ background-color:transparent; color:@color_blue;}
	.main-productlist li .name span{ height:auto;}
	
	.footer p span{ display: inline-block;}
}