@charset "utf-8";
.clearfix {display: inline-block;} 
.clearfix:after {/*/*/content: "."; /* 兼容ie8 */display: block;height: 0;clear: both;visibility: hidden; }
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

body {margin:0px;background-color:#090909; background-image:url(images/bg.gif);font-family:\5B8B\4F53,Arial Narrow,arial,serif; font-size:12px; color:#ccc;}
table {line-height:150%;}
img{border:none;}
p{ margin:0px; margin-bottom:5px; text-indent:2em; line-height:25px;}
ul{list-style-type: none;margin:0px; padding:0px;}
form{margin:0px; padding:0px;}
.line25{line-height:25px;}

a:link {color: #ccc; text-decoration: none;}
a:visited {color: #ccc; text-decoration: none;}
a:hover {color: #96740E; text-decoration: underline;}
a:active {color:#FF0000; text-decoration: none}

a.a_menu:link {color: #ffffff; text-decoration: none;}
a.a_menu:visited {color: #ffffff; text-decoration: none;}
a.a_menu:hover {color: #ffff00;text-decoration: underline;}
a.a_menu:active {color:#FF0000; text-decoration: none}

a.a_blue:link {color:#0066FF; text-decoration: none;}
a.a_blue:visited {color: #0066FF; text-decoration: none;}
a.a_blue:hover {color:#0000FF; text-decoration: underline;}
a.a_blue:active {color:#FF0000; TEXT-DECORATION: none}

.s10{clear: both;padding-top:10px;}
.s3{clear: both;padding-top:3px;}
.s5{clear: both;padding-top:5px;}
.s8{clear: both;padding-top:8px;}
.clear{ clear:both; }

.red{color:#ff0000;}
.boldblue{ font-weight:bold; color: #0099FF; }
.boldred{font-weight:bold; color: #FF0000;}
.price{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; font-weight:bold;}
.ellipsis{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.container{width:960px; margin:auto;}
.sidebar{float:left; width:280px;padding-right:5px;border-right:solid 1px #F4F2E8;}
.maincontent{float:right; width:670px;}

.layout{ width:960px; margin:auto;}
.layoutleft{float:left; width:260px; padding-right:10px; border-right:solid 1px #F4F2E8; }
.layoutright{float:right; width:690px; line-height:23px;}

.topline{margin:auto;background:url(images/bg_top_line.gif) no-repeat;}
.banner{  height:104px; margin:auto; margin-top:5px; background:url(images/pic_banner.jpg);}
.menutop{height:7px; margin:auto; margin-top:5px; background:url(images/bg_menu_top.gif) repeat-x;}
.mainmenu{ height:35px; margin:auto; background:url(images/bg_menu.gif) repeat-x;}
.mainmenu .m{float:left;padding:8px 15px 0px 15px;}
.mainmenu .line{float:left;width:2px;}
.menu{ height:35px; margin:auto; background:url(images/bg_menu.gif) repeat-x;}

.bottom{color:#9B0303; line-height:25px;}



.box{clear:both;width:100%;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.box .title{ height:28px;line-height:28px; background:url(images/bg_box_title.jpg);}
.box .title h3{float: left; margin-top: 0px;  padding-left: 20px; font-size:14px; color:#81832E;}
.box .title p {float: right; margin-top: 0px; padding-top: 0; padding-right: 10px; }
.box .content{clear:both;padding:5px;padding-top:0px;margin:0px;line-height:22px;;}
.box .more{ margin:5px; text-align:right; background-color:#FCFDF2;}
.box .more a{text-decoration: underline;}



/*
.box .content li{background: url(images/icon_arrow_green.gif) no-repeat 10px 10px; padding-left:30px; background-color:#ffffff; line-height:28px;}
.box .content .sty{background-color:#f9f8ee;}
.box .content li img{ padding-right:10px; padding-top:10px; }
*/



.stv{width:98%; margin:auto;border:none;}
.stv .title{ text-align:center;font-weight:bold;background-color:#efefef;}
.stv .label{ text-align:right; padding-right:5px;}
.stv .field{ text-align:left; padding-left:5px;}
.stv td{background-color:#FFFFFF; line-height:25px; border-bottom:dashed 1px #cccccc;}

.tv{width:100%; margin:auto; border:none; background-color:#C8CAD0;}
.tv .title{ text-align:center;font-weight:bold;background-color:#F5F5F5;}
.tv .stitle{background-color:#F6F6F6;}
.tv .label{ text-align:center;}
.tv td{background-color:#FFFFFF;}
.tv td li{padding-left:10px; background-color:#ffffff; line-height:25px; text-align:left;}

/* PIS */
.product-category2menu{ width:80%; margin:0px; padding:0px; margin:auto; margin-bottom:10px; font-size:12px; clear:both; border-bottom:dotted 1px #CCCCCC;}
.product-category2menu .c1{color:#D2911D; line-height:20px;}
.product-category2menu .c1 li{ float:left;background:url(images/icon_arrow.gif) no-repeat 5px 10px; padding-left:30px; height:26px; font-size:14px; padding-top:10px; font-weight:bold; margin-right:30px; }
.product-category2menu .c1 a:link {color:#fff; text-decoration: none;}
.product-category2menu .c1 a:visited {color:#fff; text-decoration: none;}
.product-category2menu .c1 a:hover {color:#ccc; text-decoration: underline;}

.product-category2menu .c2 .li{height:25px;color:#ccc;}
.product-category2menu .c2{ margin-left:40px; line-height:25px; margin-top:10px;}
.product-category2menu .c2 a:link {color:#000; text-decoration: none;}
.product-category2menu .c2 a:visited {color:#000; text-decoration: none;}
.product-category2menu .c2 a:hover {color:#7B0003; text-decoration: underline;}


/* .product-piclist 外框 */
.product-piclist{ width:100%; margin:10px auto;list-style-type:none;}
/* .product-piclist li 这里的 width和height是图片+文字区域的总和，border设置为0可保留作为调试用 */
.product-piclist li{float:left;width:130px;height:320px; margin:0px 0px 40px 50px!important; margin:0px 0px 20px 20px;text-align:center;border:solid 0px #ff5500;}
/* .product-piclist li div.pic 图片的外框，在script处理图片自动缩放的LoadImage方法中的宽和高不能超出这里的 width和height，最好的设置是分别小于10px */
.product-piclist li div.pic{width:140px;height:285px;border:solid 1px #ccc; margin-right:40px!important; margin-right:30px;}
.product-piclist li div:hover{border:solid 1px #666;}
/* 鼠标移动到图片上外框的颜色变化 */
.product-piclist li div.hover{border:solid 1px #666;}
.product-piclist li img{padding:1px;border:solid 0px #ccc;}
.product-piclist li a {display:block;padding:3px;border:solid 0px #ccc; }
/* 文字，最佳显示效果为2行字，三行就会和下面的图片重叠；这里的height加上 .product-piclist li div.pic的height要等于 .product-piclist li 的height*/
.product-piclist li span a {overflow:hidden;height:30px;border:none;line-height:130%;word-wrap:break-word;  word-break:break-all;font-weight:bold; color:#EB6213; width:135px;}


.product-toppiclist{ width:100%; margin-right:auto;margin-bottom:5px; }
.product-toppiclist li .pic{float:left; width:120px;height:340px; margin-top:5px; text-align:center;margin-right:12px!important; margin-left:12px!important;margin-right:20px; margin-left:20px; }
.product-toppiclist li .pic img{width:120px; height:286px; padding:2px; border:solid 1px #E1E1E1; background-color:#FFFFFF;}
.product-toppiclist li .pic .title{width:120px;height:30px; padding-top:5px; text-align:center; color:#ccc; font-size:12px;word-wrap:break-word;  word-break:break-all;font-weight:normal; background-image:none; font-size:14px;}


.product-search{ margin-left:auto; margin-right:auto; padding:10px; border:solid 0px #ededed; background-color:#f7f7f7;}
.product-search .tbx{ height:14px; padding:2px; border:solid 1px #515350; font-size:12px;}
.product-search .btn{width:68px;height:20px;border:0;padding-top:5px;padding-top/**/:5px;padding-bottom:2px;margin-bottom:0;color:#715817;background-color:transparent;cursor:pointer!important;cursor:pointer;font: 12px 宋体,arial, helvetica, sans-serif;font-weight:bold;color:#844E17;background:url(images/btn_search.gif);}
.product-search .row{padding:3px; line-height:130%; }
.product-search .submit{padding-top:3px; text-align:center;}

.product-search{ float:left; padding-left:2px;}
.product-search .tbx{width:95px;font-size:12px;}
.product-search .btn{width:60px;height:18px;padding:0px; margin:0px;border:none;background:url(App_Themes/images/bg_btn_search.gif);cursor:pointer;}


.product-detail{padding:5px; width:80%;border:solid 0px #cccccc;font-family:SimSun,Tahoma,Arial,Helvetica,sans-serif;color:#ccc;}
.product-detail .detail-hd {border-bottom: #666 1px solid; text-indent: 0px; margin-bottom:10px;}
.product-detail .detail-hd h1 {margin:5px 0px;padding:0px;text-align: center; padding-left: 0px; color:#fff; font-weight:bold; font-size:20px;}
.product-detail .detail-hd {zoom: 1}
.product-detail .detail-hd:after {display: block; height: 0px; visibility: hidden; clear: both; content: " "}
.product-detail .detail-hd h1 {text-indent: 5px; float: left}
.product-detail .detail-hd p {float: right;margin-top:5px; margin-right:20px;}
.product-detail .detail-bd {padding-bottom: 0px; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px}
.product-detail .property {width:70%; float: right;}
.product-detail .property .wrap {margin: 0px 0px 0px 0px;}
.product-detail .property table.meta{line-height:30px;width:100%;font-size:14px; margin-right:20px;}
.product-detail .property table.meta td{text-align:left;padding-left:5px;border-bottom:dotted 1px #E4E4E4;}
.product-detail .property table .saleprice{color:#f50;font-size:24px;vertical-align:baseline;line-height:25px;font-family:Tahoma,Arial,Helvetica,sans-serif;}

.product-detail .property .key {border-bottom: #fee2a1 1px solid; border-left: #fee2a1 1px solid; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-bottom: 10px; border-top: #fee2a1 1px solid; border-right: #fee2a1 1px solid; padding-top: 1px;}
.product-detail .property .key .skin {padding-bottom: 8px; background-color: #fff3d9; padding-left: 8px; padding-right: 8px; zoom: 1; padding-top: 8px;}
.product-detail .property .key:hover {border-color: #fcbb29;}
.product-detail .property .key-hover {border-color: #fcbb29;}

.product-detail .property .key .action .btn-add a {float:left;width: 140px; height: 36px;  background: url(/skins/default/images/buy_button.gif) no-repeat; overflow: hidden; margin-right: 0px;text-indent: -200px; }
.product-detail .property .key .action .btn-add a {background-position: -280px 0px}
.product-detail .property .key .action .btn-order a {float:left;width: 140px; height: 36px;  background: url(/skins/default/images/buy_button.gif) no-repeat; overflow: hidden; margin-right: 0px;text-indent: -200px; }
.product-detail .property .key .action .btn-order a {background-position: -140px 0px}
.product-detail .property .key .action .tip-add {float: left;margin-left:10px; margin-right: 0p;margin-top: 4px; white-space: nowrap; x}
.product-detail .property .key .action .tip-add a {line-height: 15px; color: #575b63; margin-right: 0px}

.product-detail .gallery {width: 80%; margin:auto; float: left; margin-left:20px; }
.product-detail .gallery .booth {margin:auto; margin-left:50px;}


.product-detail .xpanel{margin:0px auto;border-style: solid; border-color: #99bbe8; border-width:0; text-align:left; }
.product-detail .xpanel-header {overflow:hidden;zoom:1;color:#15428b; padding:5px 3px 4px 10px; border:1px solid #eaeaea;line-height: 15px; background-color:#f7f7f7; /*background: transparent url(images/panel/white-top-bottom.gif) repeat-x 0 -1px;*/font:bold 14px tahoma,arial,verdana,sans-serif; }
.product-detail .xpanel-body {	padding:10px;line-height:150%; border:1px solid #eaeaea;border-top:0 none; overflow:hidden; background:white;}
.product-detail .xpanel-bwrap {overflow:hidden;zoom:1}

.tf { width:98%; margin-left: auto; margin-right: auto; border: 0; font-size: 12px; color: #ffffff; background-color: #000; }
.tf .title { height: 30px; color: #FFCC00; font-size: 14px; font-weight: bold; text-align: center;  }
.tf .label { width: 15%; height: 30px; text-align: right; font-weight: bold; padding-right: 3px; border-bottom:solid 1px #6C6C6C;}
.tf .field {padding: 5px 0px 5px 6px; border-bottom:solid 1px #6C6C6C; }
.tf .item{ padding:5px;}
.tf .submit {padding:5px 0px 5px 0px; text-align: center;}
.tf .n { margin:5px 0px 0px 5px; color: #ffffff; }
.tf .v { margin-right:5px; color: #ff0000; font-weight: normal; }
.tf a.tl:link {font-size:14px;color: #ff6600;text-decoration: underline;}
.tf a.tl:visited{font-size:14px;color: #ff6600;text-decoration: underline;}
.tf a.tl:hover{font-size:14px;color: #669900;text-decoration: none;}

/* cms */
.news-textlist{width:98%; margin-top:3px; margin-left:auto; margin-right:auto; border:0; text-align:center;  font-size: 12px; color: #333333;background-color:#d9d9d9;}
.news-textlist th{ height:28px;background-color:#F5F5F5;font-weight:bold;}
.news-textlist tr{ background-color:#ffffff; }
.news-textlist td{height:25px;}
.news-textlist .t{ width:70%; text-align:left; padding-left:5px;}
.news-textlist .h{ color:#666666;}
.news-textlist .d{ color:#666666;}


.news-piclist{ width:98%; margin-left:auto; margin-right:auto;}
.news-piclist .pic{float:left; width:100px;height:100px; margin-left:5px; margin-right:5px; }
.news-piclist .pic img{width:100px; height:100px;}
.news-piclist .pic .title{width:100px; height:30px; text-align:center; color:#666666;font-size:12px;word-wrap:break-word; word-break:break-all;font-weight:normal;}

.news-toplist{background:url(images/bg_list_200x56.gif) repeat-y; }
.news-toplist li{ padding-left:20px; line-height:28px; }
.news-toplist li .title{ float:left; background:none; }
.news-toplist li .date{ float:right;}

.news-highlight{ color:#FF3300;}
.news-textitem{ border-bottom:dotted 1px #cccccc; }

.news-search{ margin:0 auto;padding:5px; border:solid 0px #ededed; background-color:#f7f7f7;}
.news-search .tbx{ height:14px; padding:2px; border:solid 1px #515350; font-size:12px;}
.news-search .btn{width:68px;height:20px;border:0;padding-top:5px;padding-top/**/:5px;padding-bottom:2px;margin-bottom:0;color:#715817;background-color:transparent;cursor:pointer!important;cursor:pointer;font: 12px 宋体,arial, helvetica, sans-serif;font-weight:bold;color:#844E17;background:url(images/btn_search.gif);}
.news-search .row{padding:3px; line-height:130%; }
.news-search .submit{padding-top:3px; text-align:center;}


.navpath,.news-detail{margin:5px; padding:5px; border:solid 1px #DDDDDD;}
.news-detail .title{ margin-top:20px;}
.news-detail .title h3{ text-align:center;font-size:18px; color:#0066ff;}
.news-detail .title p{margin:auto; width:98%; padding-bottom:10px; text-align:center; color:#666666;border-bottom:solid 1px #cccccc;}
.news-detail .title p #commentcount{color:#ff0000;}
.news-detail .content { margin:10px; font-size:14px; color:#000000; line-height:150%;}
.news-detail .related-title{margin-bottom:5px;color:#007734; font-size:14px;font-weight:bold;border-bottom:solid 1px #cccccc; }
.news-detail .related{width:40%;margin-left:10px;line-height:180%; padding:5px;}
.news-detail .related ul{list-style-type:disc; margin-left:15px;}
.news-detail .command{float:right;margin-top:10px; margin-right:5px;}

.comments{width:96%;margin:10px auto;font-size:12px;}
.comments .comments-header{padding:8px 0px;border-top:dotted 1px #cccccc;border-bottom:dotted 1px #cccccc;}
.comments .comments-header strong{display:block;float:left;}
.comments .comments-header a{display:block;float:right;width:74px; height:20px;margin-right:5px;background:url(/images/bg_comment_btn.gif);text-align:center;}
.comments li{padding:10px 0px;border-bottom:dotted 1px #cccccc;color:#999;}
.comments li .comment{margin-top:5px;margin-left:20px;color:#666;}
.addcomment{margin-top:10px;font-size:12px;}
.addcomment h3{font-size:12px;}
.addcomment .blue{color:#0033CC;}
.addcomment .text{border:solid 1px #DCDDDD;font-size:12px;}
.addcomment .names{margin:3px 0px;}
.addcomment .content{margin:3px 0px;font-size:12px;}
.addcomment .submit{margin:3px 0px}
.quick-alert{width: 50%;margin: 1em 0; padding: .5em; background: #ffa; border: 1px solid #a00;color: #a00;font-weight: bold;display: none;}

/* SmartForm */
.smartform{width:100%;margin:auto; background-color: #cccccc;}
.smartform .label{ width:20%; padding:5px 5px 5px 0px;background-color:#F4F4F4; color:#000000; text-align:right; font-weight:bold; }
.smartform .v{ margin-right:5px; color:#ff0000;}
.smartform .ld{ margin-left:5px; color:#666666; }
.smartform .field{padding:5px 0px 5px 5px;background-color:#FFFFFF; font-size:12px; color:#000000;}
.smartform .tbx{padding:2px; border:solid 1px #666666; font-size:12px; }
.smartform .mtbx{ width:400px; height:120px;padding:2px; border:solid 1px #666666; font-size:12px; }
.smartform .submit{padding:5px 0px 5px 0px;background-color:#FFFFFF; font-size:12px; color:#000000;text-align:center;}


/* paging */

.paing{margin:10px auto;}
.paing ul{list-style-type: none;border-top: #f6d5b0 2px solid; display: block; background: #fffcf7; border-bottom: #f6d5b0 1px solid; height: 30px;}
.paing ul li{float:left;padding:5px 0px 0px 10px; margin: 3px 0px 0px;}
.paing .noresult{width: 90%; text-align:left; }
.paing .noresult h2{margin-bottom:20px;padding-bottom: 10px;font-size:20px;font-weight:bold;border-bottom: solid 1px #666; }
.paing .summary{float:left;margin-left:10px;font-size:12px;font-family:宋体;}
.quickpager {margin-left:20px;}
.quickpager span {padding:0px 5px;float: left; overflow: hidden; line-height: 16px; height: 16px}
.quickpager a {background: #fff; float: left; margin: -2px 0px 0px 10px; cursor: pointer}
.quickpager a.selected {border: #95071b 1px solid;}
.quickpager a.selected span {background: #95071b; color: #fff! important}
.quickpager a:link {border: #d4d4d4 1px solid; text-decoration: none}
.quickpager a:visited {border: #d4d4d4 1px solid; text-decoration: none}
.quickpager a:hover {border: #95071b 1px solid; text-decoration: none}
.quickpager a:active {border: #95071b 1px solid; text-decoration: none}
.quickpager a span {color: #666}

.quickpager a.previous-page {background: url(/skins/default/images/paing_arrow.gif) #95071b no-repeat 0px 0px;}
.quickpager a.previous-page span {width: 6px; text-indent: -9999em}
.quickpager a.no-previous {background: url(/skins/default/images/paing_arrow.gif) #95071b no-repeat 0px 0px}
.quickpager a.no-previous span {width: 6px; text-indent: -9999em}
.quickpager a.no-previous {background-color: #f1f1f1}
.quickpager a.no-previous:link {border: #f1f1f1 1px solid; text-decoration: none}
.quickpager a.no-previous:visited {border: #f1f1f1 1px solid; text-decoration: none}
.quickpager a.no-previous:hover {text-decoration: none}
.quickpager a.no-previous:active {text-decoration: none}

.quickpager a.next-page {padding-right: 10px; background: url(/skins/default/images/paing_arrow.gif) #95071b no-repeat 100% 0px;}
.quickpager a.next-page span {line-height: 16px}
.quickpager a.no-next {padding-right: 10px; background: url(/skins/default/images/paing_arrow.gif) #95071b no-repeat 100% 0px}
.quickpager a.no-next {background-color: #f1f1f1}
.quickpager a.no-next span {color: #f1f1f1}
.quickpager a.no-next:link {border: #f1f1f1 1px solid; text-decoration: none}
.quickpager a.no-next:visited {border: #f1f1f1 1px solid; text-decoration: none}
.quickpager a.no-next:hover {text-decoration: none}
.quickpager a.no-next:active {text-decoration: none}
.quickpager a.more{margin: 0px 0px 0px 10px;border:none;font-family:宋体;}

.visitorcount{padding:3px;background:#585A67;}
.visitorcount img{vertical-align:middle;}

/* other */
.updateprogress{position: absolute;top:10px;right:10px;	width: 250px;height: 30px;background: url(/skins/default/images/icon_progressbar1.gif) no-repeat 0px 14px;color: #0066ff;font-weight: bold;}


#s1-slide {width:230px;}
#featured { overflow: hidden; width: 180px; position: relative; height: 282px;border:solid 4px #BAB6B7; text-align:center; padding:10px;margin-top:10px; margin-bottom:10px;}
#featured img{ width:120px; height:262px; background-color:#FFFFFF; padding:10px; border:solid 1px #CCCCCC; }
#thumbs { width: 230px; list-style-type: none; height: 28px;background:#B8AC9E; }
#thumbs li { display: inline; float: left; width: 10px; width:20px!important; margin-right: 4px; height: 24px }
#thumbs ul { margin-top: 3px }
#thumbs li.last_img { margin-right: 4px }
#thumbs li.first { margin: 5px 10px 0pt 15px; width: 20px; cursor: pointer; height: 13px }
#thumbs li.last { margin: 5px 12px 0pt 8px; width: 20px; cursor: pointer; height: 13px }
#thumbs li a {display: block;width: 18px;margin-top:5px;border: #9c9c9c 1px solid;background:#fff;  font-size: 12px;color:#000000;text-align:center;  }
#thumbs li a:hover { border: #ff5500 1px solid; }
#thumbs li a.current { border: #000000 1px solid;background:#ff6600;color:#fffff; }
#thumbs li.first img { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px;padding-top:2px!important; }
#thumbs li.last img { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; padding-top:2px!important; }
#words .word { overflow: hidden; width: 200px;height: 32px;padding: 5px; background: url(/1/bg_transparent.gif) no-repeat; color:#000000; }
#words .word h3 { font-size:14px; float:left;}