﻿#container{width:986px; overflow:hidden; margin:0 auto}
#header{position:relative; height:149px}
#wrapper{}
#sidebar{width:192px; float:left; margin:9px 0; overflow:hidden}
#contents{width:783px; float:left; margin:9px 0 9px 11px; overflow:hidden}
#footer{clear:both; width:986px; position:relative; margin-top:10px;}
#sidebar .box{margin-bottom:8px; position:relative; width:192px; overflow:hidden; background:url(../img/box1.gif) repeat-y -200px 0}
#sidebar .box .top{height:5px; overflow:hidden; background:url(../img/box1.gif) no-repeat 0 0}
#sidebar .box h3{width:182px; height:27px; overflow:hidden; padding-left:25px; margin-left:5px; font-size:12px; line-height:25px; color:#3d474d; background:url(../img/h31.gif) no-repeat}
#sidebar .box .more{line-height:35px; position:absolute; top:0; right:15px}
#sidebar .box .content{padding:10px 15px; overflow:hidden}
#sidebar .box .bottom{height:5px; overflow:hidden; background:url(../img/box1.gif) no-repeat -400px top}
#contents .box{margin-bottom:9px; width:783px; position:relative; overflow:hidden; clear:both; background:url(../img/box2.gif) repeat-y -800px 0}
#contents .box .top{height:5px; overflow:hidden; background:url(../img/box2.gif) no-repeat 0 0}
#contents .box h3{overflow:hidden; padding-left:40px; height:24px; font-size:12px; line-height:28px; color:#3d474d; background:url(../img/icon.gif) no-repeat 20px -12px}
#contents .box .more{line-height:38px; position:absolute; top:0; right:15px}
#contents .box .display{position:absolute; top:8px; right:10px; vertical-align:middle; line-height:20px; height:24px; clear:both}
#contents .box .display a{display:block; float:left; width:20px; height:20px; text-indent:-5000px; background:url(../img/icon.gif) no-repeat}
#contents .box .display .thumb{background-position:0 -120px}
#contents .box .display .thumbAct, #contents .box .display .thumb:hover{background-position:0 -100px}
#contents .box .display .thumbBig{background-position:0 -80px}
#contents .box .display .thumbBigAct, #contents .box .display .thumbBig:hover{background-position:0 -60px}
#contents .box .display .thumbAct, #contents .box .display .thumbBigAct{cursor:default}
#contents .box .content{padding:10px; margin:6px 10px; border:1px solid #dedede; padding:10px; background:#fff; width:741px; overflow:hidden}
#contents .box .bottom{height:5px; overflow:hidden; background:url(../img/box2.gif) no-repeat -1600px 0}
.bigBox{width:986px; background:url(../img/bigBox.gif) repeat-y -1000px 0; margin:20px 0}
.bigBox .top{background:url(../img/bigBox.gif) no-repeat; height:5px; overflow:hidden}
.bigBox .bottom{background:url(../img/bigBox.gif) no-repeat -2000px 0; height:5px; overflow:hidden; clear:both}
.bigBox .content{padding:10px; margin:6px 10px; border:1px solid #dedede; padding:10px; background:#fff; overflow:hidden}
*{margin:0; padding:0}
body{color:#666; font:12px "Lucida Grande",Verdana,Arial,sans-serif}
a{color:#666; text-decoration:none}
a:hover{color:#000; text-decoration:none}
ul{list-style:none}
img{border:0}
.clear{clear:both}
.formtable th{text-align:right; padding-right:5px}
.input{height:16px; width:100px; padding:3px 3px 0; border:1px solid #B3B3B3; background:#fff url(../img/inputBg.gif) repeat-x}
.button{cursor:pointer; height:22px; padding:3px 3px; border-width:1px; border-style:solid; border-color:#e1e1e1 #848484 #848484 #e1e1e1}
a.btnRed, a.btnBlue, a.btnRedBig, a.btnBlueBig, a.btnRedBiggest, a.btnBlueBiggest{display:block}
.btnRed{cursor:pointer; line-height:22px; text-align:center; width:52px; height:22px; border:none; color:#fff; background:url(../img/button.gif) no-repeat 0 0}
.btnRed:hover{color:#FF5050; text-decoration:none; background:url(../img/button.gif) no-repeat 0 -50px}
.btnRedBig{cursor:pointer; line-height:22px; text-align:center; width:70px; height:22px; border:none; color:#fff; background:url(../img/button.gif) no-repeat 0 -75px}
.btnRedBiggest{cursor:pointer; line-height:22px; text-align:center; width:90px; height:22px; border:none; color:#fff; background:url(../img/button.gif) no-repeat 0 -150px}
.btnRedBig:hover{color:#FF5050; text-decoration:none; background:url(../img/button.gif) no-repeat 0 -125px}
.btnRedBiggest:hover{color:#FF5050; text-decoration:none; background:url(../img/button.gif) no-repeat 0 -200px}
.btnBlue{cursor:pointer; line-height:22px; text-align:center; width:52px; height:22px; border:none; color:#fff; background:url(../img/button.gif) no-repeat 0 -25px}
.btnBlue:hover{color:#FF5050; text-decoration:none; background:url(../img/button.gif) no-repeat 0 -50px}
.btnBlueBig{cursor:pointer; line-height:22px; text-align:center; width:70px; height:22px; border:none; color:#fff; background:url(../img/button.gif) no-repeat 0 -100px}
.btnBlueBiggest{cursor:pointer; line-height:22px; text-align:center; width:90px; height:22px; border:none; color:#fff; background:url(../img/button.gif) no-repeat 0 -175px}
.btnBlueBig:hover{color:#FF5050; text-decoration:none; background:url(../img/button.gif) no-repeat 0 -125px}
.btnBlueBiggest:hover{color:#FF5050; text-decoration:none; background:url(../img/button.gif) no-repeat 0 -200px}
.btnGray{cursor:pointer; line-height:22px; text-align:center; width:52px; height:22px; border:none; color:#FF5050; background:url(../img/button.gif) no-repeat 0 -50px}
.btnGrayBig{cursor:pointer; line-height:22px; text-align:center; width:70px; height:22px; border:none; color:#FF5050; background:url(../img/button.gif) no-repeat 0 -125px}
.btnGrayBiggest{cursor:pointer; line-height:22px; text-align:center; width:90px; height:22px; border:none; color:#FF5050; background:url(../img/button.gif) no-repeat 0 -200px}
.btnGray:hover, .btnGrayBig:hover, .btnGrayBiggest:hover{color:#FF5050; text-decoration:none}
.propertiesTable{width:100%; padding:10px 0; margin:10px 0; border-collapse:collapse; border:1px solid #ccc}
.propertiesTable tr.s1{background-color:#eee}
.propertiesTable th{color:#6C6C6C; vertical-align:middle; text-align:left; padding:5px}
.propertiesTable td{color:#6C6C6C; vertical-align:middle; text-align:left; padding:5px}
.propertiesTable a{height:22px; background:#fff; padding:3px 3px; margin-right:3px; border-width:1px; border-style:solid; border-color:#e1e1e1 #848484 #848484 #e1e1e1}
.propertiesTable a:hover{text-decoration:none; color:#fff; background:#ff5050; height:22px; padding:3px 3px; margin-right:3px; border-width:1px; border-style:solid; border-color:#f5f6f7 #C02064 #C02064 #f5f6f7}
#loader{ background-color:#FFC;  border:1px solid #C00;  position:fixed;  color:#C00;  z-index:1000;  left:0px;  bottom:0px;  padding:5px 15px;   filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.65);  opacity:0.65}
* html #loader{ position:absolute}
#cycleImage{width:566px; height:222px; position:relative; float:left; margin-bottom:9px; background:url(../img/cycleimage_bg.gif) no-repeat}
#cycleImage span{position:absolute; top:20px; left:15px}
#contents #latestNews{width:217px; height:222px; float:left; background:url(../img/site_news_bg.gif) no-repeat}
#contents #latestNews .box{margin:0; width:217px; position:relative; overflow:hidden; background:none}
#contents #latestNews .box .top, #contents #latestNews .box .bottom{display:none}
#contents #latestNews .box h3{padding-left:25px; font-size:12px; height:30px; line-height:38px; color:#fff; background:url(../img/site_news_icon.gif) no-repeat 9px 10px}
#contents #latestNews .box .more{color:#fff; line-height:35px; position:absolute; top:0; right:10px}
#contents #latestNews .box h3 a, #contents #latestNews .box .more a{color:#fff; font-weight:700}
#contents #latestNews .box .content{padding:15px; margin:0; border:none; background:none; width:187px; height:150px; overflow:hidden}
#contents #latestNews li{background:url(../img/icon.gif) no-repeat 0 -42px; margin-bottom:9px; padding-left:10px; white-space:nowrap; width:177px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis}
#contents #latestNews .content li a{color:#4a4a4a}
#contents #latestNews .content li a:hover{color:#000}
#contents #goods h3{display:none}
#contents #goods .content{margin-top:6px}
#contents #goodsInfo{height:0px; *height:auto; _height:0px}
#contents #goodsInfo .globalInfo{width:381px; float:left; margin-left:8px}
#contents #goodsInfo .pic{float:left; display:block; width:249px; overflow:hidden; outline:0}
#contents #goodsInfo .pic a, #contents #goodsInfo .pic span{border:1px solid #dadada; display:block}
#contents #goodsInfo .pic a:hover{border:1px solid #666; display:block}
#contents #goodsInfo .pic img{padding:3px}
.gallery{}
.gallery ul{width:354px; overflow:hidden}
.gallery ul li{padding:5px 5px 5px 0 !important; padding:2px 5px 5px 0; float:left}
.gallery ul li a{border:1px solid #dadada; display:block}
.gallery ul li a:hover{border:1px solid #666; display:block}
.gallery ul li img{height:74px; width:74px; padding:2px}
#goodsInfo .globalInfo .name{font-size:14px; font-weight:700; color:#B33737; margin-bottom:8px; padding:5px; border-bottom:1px dotted #dadada}
#goodsInfo .globalInfo .name span{font-size:12px; font-weight:400; color:#666; margin-bottom:8px; padding:5px}
#goodsInfo .infoList{width:100%}
#goodsInfo .infoList td, #goodsInfo .infoList th{color:#666; vertical-align:bottom; padding:3px 5px}
#goodsInfo .infoList th{text-align:right}
.attrList{background:#fafafa; line-height:18px; margin:20px 8px 0 8px; padding:10px; border:1px solid #eaeaea}
.attrList input{width:40px}
.attrList .desc{color:#999}
.goodsBrief{margin:10px 8px 0 8px}
#goodsInfo .pic span.bigpic,{display:block; width:280px; height:280px; overflow:hidden; padding:3px; border:1px solid #dadada; outline:0}
#goodsInfo .goodsPrice{font-size:20px; color:#FF5050; margin-right:10px}
#goodsInfo .marketPrice{text-decoration:line-through}
#goodsInfo .amountPrice{color:#FF5050}
#goodsInfo .buttons{padding:15px 0 8px 8px;}
#goodsInfo .buttons a{display:block;float:left;margin-right:10px;text-indent:-5000px;width:143px;height:36px;}
#goodsInfo .buttons .btnCollect{background:url(../img/btnAddFav.gif) no-repeat;}
#goodsInfo .buttons .btnBuy{background:url(../img/btnAddCart.gif) no-repeat;}
#goodsInfo #tagForm{width:182px; padding:5px 8px; float:right; margin-top:-42px}
#goodsInfo .tags{width:225px}
#goodsInfo .tags a{display:block; float:left; padding-right:10px}
#commentForm textarea{width:728px; height:100px; padding:5px}
#commentForm form span{display:inline-block; width:215px; height:24px; padding-top:8px}
#commentForm .commentList li{clear:both}
#commentForm .avatar{float:left; padding:3px; border:1px solid #dadada}
#commentForm .avatar img{width:48px; height:48px}
#commentForm .commentContent{width:674px; min-height:60px; _height:60px; margin-bottom:8px; border-bottom:1px solid #dadada; float:left; margin-left:10px; overflow:visible}
#commentForm .comment{clear:both}
#commentForm .time{padding:3px; font:10px Arial; color:#999}
#commentForm .name{font-size:12px; font-weight:bold; color:#216C8B; padding-right:5px}
#commentForm .comment{padding:3px; line-height:18px}
#commentForm .recontent{color:#216C8B; margin-left:30px; padding:5px; border-top:1px dotted #dadada; line-height:18px}
#commentForm .recontent h4{color:#FF5050; font-size:12px}
#commentForm .noComments{padding:10px; text-align:center}
#commentForm .pagechanger{margin:10px 0; clear:both}
#help{clear:both}
#helpCat{padding-left:20px; margin-bottom:5px}
#helpCat li{color:#666; font-weight:700; padding-left:16px; background:url(../img/icon.gif) no-repeat 0 5px; width:141px; float:left; line-height:24px}
#helpItem{clear:both; *padding:10px 10px 0 10px; _padding:5px 10px 10px 10px}
#helpItem ul{width:157px; float:left}
#helpItem li{padding-left:10px; line-height:20px; background:url(../img/icon.gif) no-repeat 0 -40px}
#footerLogo{width:190px; height:80px; float:left}
#footerInfo{color:#ccc; line-height:17px; padding:18px 0 18px 200px; background:url(../img/footerLogo.gif) no-repeat 70px center}
#footerInfo a{color:#ccc}
#footerInfo a:hover{color:#666}
.footerNav{margin:0; position:relative;}
.footerNav #scrollTop{position:absolute; top:6px; right:8px}
.footerNav .content{padding:4px}
.footerNav ul{margin-left:187px; padding:3px 0}
.footerNav li{display:block; float:left; padding:0 12px; border-left:1px solid #ccc}
.footerNav li.s1{border:none}
.bigBox .column1, .bigBox .column2{width:393px; float:left; padding:10px 50px 30px}
.bigBox .column1{}
.bigBox .column2{padding:50px 50px 20px}
.bigBox h3{margin-bottom:10px}
.bigBox h4{font-size:14px; margin-bottom:5px; color:#828282}
.bigBox p{line-height:20px; color:#A8A8A8; margin-bottom:5px}
.bigBox .desc{color:#999}
.bigBox form{background:#FFF; padding:30px; border:1px solid #E5E5E5}
.bigBox .formtable th, .bigBox .formtable td{vertical-align:middle; padding:5px}
.bigBox .formtable th{text-align:right}
#register.bigBox .column1{width:533px}
#register.bigBox .column2{width:253px}
#getPassword .btnBlueBig{margin-left:10px}
#message .content{padding:50px 150px 80px; border:none; background:none}
#message dl{background:#FFF url(../img/icon_notice.gif) no-repeat 18px 28px; width:622px; padding:30px 30px 50px; border:1px solid #EEE}
#message dt{line-height:1.2em; font-size:14px; font-weight:bold; margin-bottom:5px; padding:2px 0 5px}
#message dt, #message dd{margin-left:50px}
#message .icon_error{background-image:url(../img/icon_error.gif)}
#message .icon_notice{background-image:url(../img/icon_notice.gif)}
#message .icon_warning{background-image:url(../img/icon_warning.gif)}
#message .icon_error dt{color:red}
#message .icon_notice dt{color:#225289}
#message .icon_warning dt{color:#e46a01}
#message dd strong{color:red}
#message dd{background:url(../img/breadcrumbs_arrow.gif) no-repeat 0 center; margin-bottom:5px; padding-left:15px}
#message dd.payOnline{background:none; margin:10px}
.flow{display:inline-block; clear:both; margin-bottom:28px; width:100%}
.flow h3 a{color:#6C6C6C; font-weight:400}
.flow h3{line-height:30px; color:#000; font-size:12px; font-weight:700; padding-left:25px; background:url(../img/h3_header.gif) no-repeat left center; clear:both}
.flow .btnlist{padding:30px 0px}
.flow .btnlist a{color:blue}
.flow .reviewinfo{margin-bottom:10px; padding:10px 30px; border:1px solid #C8C8C8; border-top:2px solid #FF6B79; color:#797979}
.flow .reviewinfo.nobtm{border-bottom:0}
.flow .reviewinfo.noline{border:0}
.flow .reviewinfo a{color:blue}
.flow .reviewinfo .title th, .flow .reviewinfo .title td{padding:10px 0}
.flow .reviewinfo td{color:#777; line-height:150%}
.flow .reviewinfo td.label{vertical-align:top; color:#333; padding-left:15px}
.flow .reviewinfo p{line-height:150%; color:#666; margin:6px 0}
.flow .reviewinfo h1{margin-bottom:12px; color:#666}
.flowinfo{text-align:right; padding:10px 30px}
.flowinfo img{vertical-align:middle; margin:0 5px}
.flowinfo .subtotal{color:#FF5050; font-size:14px; font-weight:700}
#flowview{margin:20px 0 10px; height:85px; float:right}
#flowdesc{margin:15px 0 10px 10px; height:85px; float:left; width:500px; font-size:14px;}
#flowview span{width:80px; height:80px; display:block; float:left; text-indent:-5000px; background:url(../img/flow.gif) no-repeat}
#flowview .cart{background-position:0 -80px}
#flowview .confirm{background-position:-80px -80px}
#flowview .cartAct{background-position:0 0}
#flowview .confirmAct{background-position:-80px 0}
#flowview .submit{background-position:-160px -80px}
.pager{text-align:right; padding:5px 20px 5px}
.btn_pay{margin-bottom:2px}
#order_thanks{font-size:14px; font-weight:bold}
#order_sn{font-size:14px; font-weight:bold; color:#FF5050}
.flow .datatable{width:100%; border:1px solid #C8C8C8; margin-bottom:5px; border-top:2px solid #FF6B79; border-collapse:collapse}
.flow .datatable th, .flow .datatable td{vertical-align:middle; text-align:left; padding:5px 10px}
.flow .datatable th{font-weight:normal; border-bottom:1px solid #FFF; color:#6C6C6C}
.flow .datatable .title th, .flow .datatable .title td{height:28px; padding:0 10px; background:#EEE}
.flow .datatable .title{height:28px; width:100px; padding:0 10px; background:#EEE; border-bottom:1px solid #fff}
.flow .datatable a{color:#2f63B0}
.flow .datatable td{border-bottom:1px solid #ECECEC; line-height:150%}
.flow .datatable .last td{border-bottom:0}
.flow .datatable .subtotal{color:#FF5050; font-size:14px; font-weight:bold}
.flow .datatable .goods_name{line-height:160%; color:#000}
.flow .datatable .goods_desc{color:#797979}
.flow .datatable .thumb{float:left; margin-right:10px; padding:1px; border:1px solid #dadada}
.flow .datatable .thumb:hover{border:1px solid #666}
.flow .datatable .thumb img{width:40px; height:40px}
.flow .datatable .btnBlue{display:block; float:right; color:#fff}
.flow .datatable .btnBlue:hover{color:#FF5050}
.flow .datatable td.store_name{padding-top:10px; background:#F8F8F8; border-bottom:1px solid #FFF}
.flow .datatable td.store_name a{color:#797979; text-decoration:underline}
.flow .datatable td.opration_row{border-bottom:none; padding:10px}
#order_fee, .flow .datatable td.order_fee{font-weight:700; font-size:14px; color:#FF5050}
.flow .offline_pay{color:red}
.flow #add_address{border-top:none}
.flow #add_address .title td{background:#F8F8F8; color:#6C6C6C}
.flow #add_address td{border:none; color:#333}
.flow #add_address .even #best_time{margin-bottom:20px}
.flow .datatable .odd .goods_thumb{margin-right:10px}
#consigneeList{margin-top:15px}
#consigneeList table{width:100%}
#consigneeList table td{padding:5px}
#consigneeList input{width:350px}
#login .btnQuickBuy{display:block; float:right; padding-left:5px; text-indent:-5000px; width:112px; height:34px; background:url(../img/btnQuickBuy.gif) no-repeat}
#searchForm td{padding:5px}
.pagechanger{padding:5px 10px 5px; height:18px !important; height:0px}
.pagechanger ul{float:right}
.pagechanger li{line-height:16px; float:left; margin-right:3px}
.pagechanger li.pg_total{color:#fff; background:#FF5050; padding:0 5px; border:1px solid #FF5050}
.pagechanger li.curr-page{line-height:16px; color:#258ab8; background:#dae6ec; padding:0 5px; border:1px solid #258ab8}
.pagechanger li.pg_omission{color:#999; padding:0 5px}
.pagechanger li a{font:12px/16px Arial; color:#999; display:block; float:left; padding:0 5px; border:1px solid #ccc}
.pagechanger a:hover{text-decoration:none; color:#258ab8; background:#dae6ec; border:1px solid #258ab8}
#store_list #displaymode{color:#4A4A4A; height:24px; margin-bottom:5px; padding:10px 20px 0; border-top:1px solid #dadada}
#yourPicking li{width:160px; padding:5px}
#yourPicking li span{font-weight:700; display:block}
#pickOut .content div h3{font-size:14px; line-height:24px; padding-left:25px; background:url(../img/icon.gif) no-repeat 10px 5px}
#groupBuy .infoList{width:100%}
#groupBuy .infoList td, #goodsInfo .infoList th{color:#666; vertical-align:top; padding:3px 5px}
#groupBuy .infoList th{text-align:left; width:60px}
#groupBuy h3{display:none}
#groupBuy .table{margin:0 10px}
#groupBuy .table th, #groupBuy .table td{padding:3px}
#groupBuy .table th{text-align:right}
#groupBuy .ladder{padding:0 10px 0 0; margin:0}
#groupBuy .propertiesTable{margin:0}
#groupBuy .propertiesTable th{text-align:left}
#groupBuy #leftTime{color:red}
#groupBuy .nologin{padding:10px}
#grounpBuyList table.goodsList{width:100%; margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #999}
#grounpBuyList table.goodsList th, #grounpBuyList table.goodsList td{padding:3px}
#grounpBuyList .name{font-size:14px; font-weight:700; color:#B33737}
#grounpBuyList .photos{text-align:left}
#grounpBuyList .photo{width:160px; height:160px; padding:2px; border:1px solid #dadada}
#grounpBuyList .table2{margin:0 10px; width:500px}
#grounpBuyList .ladder{padding:0 10px 0 0; margin:0}
#grounpBuyList .propertiesTable{margin:0}
#grounpBuyList .propertiesTable th{background-color:#ccc; color:#fff}
#compareBox{ width:130px;  background:#FFF;  padding:10px 3px 5px;  border:1px solid #999;  position:absolute;  right:1px;  top:200px;  opacity:0.8;  filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8)}
#compareBox input{ color:#FFF;  background:#000;  width:120px;  padding-top:3px;  margin-bottom:5px;  border:1px solid #000}
#compareList{ margin:0px;  padding:0px;  width:120px}
#compareList li{ color:#333;  text-align:left;  background:#F1F1F1;  padding:3px 5px;  border:1px solid #999;  margin:3px 0}
#compareList li img{ float:right;  padding-top:4px}
#tagsList a{height:22px; padding:3px 3px; margin-right:3px; border-width:1px; border-style:solid; border-color:#e1e1e1 #848484 #848484 #e1e1e1}
#tagsList a:hover{text-decoration:none; color:#fff; background:#FF5050; height:22px; padding:3px 3px; margin-right:3px; border-width:1px; border-style:solid; border-color:#f5f6f7 #C02064 #C02064 #f5f6f7}
.activityList{width:100%; border:1px solid #aaa; border-collapse:collapse; margin-bottom:10px}
.activityList td{padding:5px}
#snatch{background:#f4f4f4; border:1px solid #dedede; margin:0 0 15px; padding:10px}
#snatch div h3{font-size:12px; line-height:24px; color:#494949; height:24px; background:#F2F2F2 url(../img/icon.gif) no-repeat 10px -14px; padding:0 30px}
#snatch .content{margin-bottom:10px; background:#fff; border:1px solid #dedede; padding:10px}
.snatchList{width:100%; border:1px solid #dedede; border-collapse:collapse; margin-bottom:10px}
.snatchList td{padding:5px}
#myShip{background:#f4f4f4; border:1px solid #dedede; margin:10px 0 15px; padding:10px}
#myShip div h3{font-size:12px;line-height:24px;color:#494949;height:24px;background:#F2F2F2 url(../img/icon.gif) no-repeat 10px -15px;padding:0 30px;}
#myShip .content{margin-bottom:10px; background:#fff; border:1px solid #dedede; padding:10px}
#myShipList{width:100%; background:#F1F1F1; padding:5px; margin-top:10px}
#myShipList span{padding-right:10px}
#myShipInfo{width:100%}
#myShipInfo td{padding:5px}
#article h2{color:#666; line-height:30px; font-size:16px; border-bottom:1px dotted #333; margin-bottom:10px}
#article .author{float:right; margin-top:-30px}
#article .content{line-height:18px}
#article .previous{float:left; padding:0 10px}
#article .next{float:right; padding:0 10px}
#article .file{background:#FFE7E7 url(../img/save.gif) no-repeat 10px center; padding:5px 10px 5px 31px; border:1px solid #FFB0B6; line-height:16px}
#articlePro div{line-height:18px}
#articlesList table{width:100%}
#articlesList th{padding:5px; background:#eee}
#articlesList th.title, #articlesList th.author{text-align:left}
#articlesList th.addTime{text-align:right}
#articlesList td{padding:5px}
#articlesList td.title, #articlesList td.author{text-align:left}
#articlesList td.addTime{text-align:right}
#wholesale .content{margin-bottom:10px; background:#fff; border:1px solid #dedede; padding:10px}
#wholesaleGoods{width:100%; border:1px solid #DADADA; border-collapse:collapse; margin-bottom:10px}
#wholesaleGoods th, #wholesaleGoods td{padding:5px}
#catList .lv1{padding-left:15px; background:url(../img/icon.gif) no-repeat 0 5px; line-height:24px; font-size:12px; clear:both}
#catList .lv2{white-space:nowrap; float:left; padding:7px 5px 0 5px; *height:auto; _height:0px; background:url(../img/linebg.gif) repeat-x 0 top}
#catList .lv2 a{padding:0 7px 7px 0; display:block; white-space:nowrap; float:left}
#brandList .image a{padding:2px; margin-bottom:3px; border:1px solid #DDD; display:block; width:155px}
#brandList .image a:hover{border:1px solid #999}
#brandList .image img{width:155px}
#brandList .text a{line-height:20px}
#search .table{margin:20px auto}
#search .table td, #search .table th{padding:3px}
#search #keywords{width:200px}
#compare .table td, #search .table th{padding:5px}
#compare .table2 td, #search .table2 th{padding:5px}
#compare .btnBlue, #compare .btnRed{float:left; margin-left:10px}
#catList h3, #brandList h3{overflow:hidden; padding-left:40px; height:24px; *height:30px; font-size:12px; line-height:28px; color:#3d474d; background:url(../img/icon.gif) no-repeat 20px -12px}
#header #logo a{display:block; width:160px; height:62px; position:absolute; top:5px; left:22px; }
#header #topNav{position:absolute; top:10px; right:0px}
#header #topNav li{line-height:19px; height:19px; float:left; margin-left:3px}
#header #topNav li a{float:left; padding:0 8px}
#header #topNav .memberinfo{padding-right:50px}
#header #topNav .memberinfo a{color:#666}
#header #topNav .memberinfo span{float:left; padding-right:10px; color:#333}
#header #topNav .memberinfo a:hover{color:#333}
#header #topNav .s1, #header #topNav .s2, #header #topNav .s3, #header #topNav .s4{background:url(../img/topNavIcon.gif) no-repeat 0 0; padding:0 10px 0 18px}
#header #topNav .s1{background-position:0 0}
#header #topNav .s2{background-position:0 -20px}
#header #topNav .s3{background-position:0 -40px}
#header #topNav .s4{background-position:0 -60px}
#header #navigation{height:26px; position:absolute; z-index:10; top:44px; left:203px}
#header #navigation li, #header #navigation li a, #header #navigation li.selected span{background:url(../img/nav.gif) no-repeat; float:left; height:26px}
#header #navigation li{background-color:#cbe2ed; background-position:0 -116px; margin-right:1px;} 
#header #navigation li a{overflow:visible !important; overflow:hidden; line-height:30px; height:26px; background-position:right -90px; float:left; padding:0 15px 0 11px}
#header #navigation li a:hover{ background-color:#FF7F87; background-position:0 -30px;}
#header #navigation li.selected{height:30px; background-color:#FF7F87; background-position:0 -30px}
#header #navigation li.selected span{background-position:right -60px; padding-right:4px}
#header #navigation li.selected a{line-height:30px; color:#fff; background-position:center 0; padding:0 11px}
#header #navigation li.selected a:hover{color:#FFF; text-decoration:none}
#headerSearch{overflow:hidden; background:url(../img/headerSearch.gif) repeat-x 0 -80px; width:986px; height:79px; position:absolute; top:70px}
#headerSearch .left{position:absolute; left:0; top:0; height:79px; width:40px; background:url(../img/headerSearch.gif) no-repeat 0 0}
#headerSearch .right{position:absolute; right:0; top:0; height:79px; width:40px; background:url(../img/headerSearch.gif) no-repeat 0 -160px}
#headerSearch form{position:absolute; left:40px; top:10px; padding-left:5px; height:32px; width:531px; background:url(../img/headerSearchForm.gif) no-repeat; overflow:hidden}
#headerSearch select, #headerSearch input{vertical-align:middle}
#headerSearch .input{border-right:1px solid #D60000; border-left:1px solid #D60000}
#headerSearch .searchFormButton{width:82px; height:26px; border:#FF3366 solid 1px;}
#headerSearch .soption{border-color:#354aaa}
#headerSearch #category{width:200px; height:20px}
#headerSearch #keyword{width:260px; border-left:none}
#searchHot{position:absolute; left:0; bottom:4px; clear:both; padding:13px 0 0 80px; background:url(../img/tags.gif) no-repeat 40px 16px; line-height:18px; color:#666}
#searchHot a{color:#666; margin-left:10px}
#addcart{float:right; display:inline; position:relative; top:13px; right:40px; background:url(../img/cart.gif) no-repeat right 0; display:block; height:27px}
#addcart a{float:left; padding:0 40px 0 12px; background:url(../img/cart.gif) no-repeat 0 -27px; line-height:27px; color:#FFF}
#addcart a:hover{text-decoration:none; color:#FFF}
#addcart em{font:bold 14px Arial}
#breadcrumbs{position:absolute; left:0; bottom:0px; clear:both; padding:8px 0 0 40px}
#breadcrumbs ul{line-height:29px; height:29px}
#breadcrumbs li{background:url(../img/breadcrumbs_arrow.gif) no-repeat 0 4px; display:inline; line-height:29px; height:29px; padding:0 8px 0 15px}
#breadcrumbs #breadcrumbsHome{background:none; display:block; float:left; padding:0 8px 0 5px}
#breadcrumbs .selected{color:#333; font-weight:700}
#sidebar .box .goodsList li{width:160px; overflow:hidden; margin-bottom:5px !important; margin-bottom:3px}
#sidebar .box .goodsList .photos{float:left; position:relative; overflow:hidden; width:44px; height:44px; z-index:1}
#sidebar .box .goodsList .panel{display:none}
#sidebar .box  .goodsList .photo{float:left; padding:1px; border:1px solid #dadada}
#sidebar .box  .goodsList .photo:hover{border:1px solid #666}
#sidebar .box  .goodsList .photo img{width:40px; height:40px}
#sidebar .box  .goodsList .infolist{display:block; width:100px; overflow:hidden; line-height:14px; padding:8px; float:left}
#sidebar .box  .goodsList .name a{white-space:nowrap}
#sidebar .box  .goodsList .price{color:#FF5050; font-weight:400; font-size:12px; display:block}
#sidebar .table td, #sidebar .table th{border-bottom:1px solid #ccc}
#sidebar #login a{padding-left:5px}
#sidebar #category .title{width:161px; padding-left:15px; background:url(../img/icon.gif) no-repeat 0 5px; line-height:24px; font-size:12px; clear:both}
#sidebar #category .content ul ul{padding:7px 5px 0 5px; width:150px; background:url(../img/linebg.gif) repeat-x 0 top}
#sidebar #category .content ul ul li{padding:0 7px 7px 10px;background:url(../img/icon.gif) no-repeat 0 -42px; display:block; line-height:14px; white-space:nowrap; float:left}
#sidebar #promotionGoods li{background:url(../img/sale.gif) no-repeat 98px center}
#sidebar #link .image a{padding:2px; margin-bottom:3px; border:1px solid #DDD; display:block; width:88px}
#sidebar #link .image a:hover{border:1px solid #999}
#sidebar #link .text a{line-height:20px}
#sidebar #brands .image a{padding:2px; margin-bottom:3px; border:1px solid #DDD; display:block; width:155px}
#sidebar #brands .image a:hover{border:1px solid #999}
#sidebar #brands .image img{width:155px}
#sidebar #brands .text a{line-height:20px}
#sidebar #top10 li{background:url(../img/number.gif) no-repeat}
#sidebar #top10 .s1{background-position:100px -18px}
#sidebar #top10 .s2{background-position:100px -98px}
#sidebar #top10 .s3{background-position:100px -178px}
#sidebar #top10 .s4{background-position:100px -258px}
#sidebar #top10 .s5{background-position:100px -338px}
#sidebar #top10 .s6{background-position:100px -418px}
#sidebar #top10 .s7{background-position:100px -498px}
#sidebar #top10 .s8{background-position:100px -578px}
#sidebar #top10 .s9{background-position:100px -658px}
#sidebar #top10 .s10{background-position:80px -738px}
#sidebar .vote .content li{padding:3px 0}
#sidebar .vote .title{color:#666; font-weight:700; font-size:14px; line-height:18px}
#sidebar .vote .btnRed, #sidebar .vote .btnBlue{float:left; margin-right:10px}
#sidebar #category .content, #sidebar #top .content, #sidebar #auction .content, #sidebar #auction .content, #sidebar #history .content{padding:10px 15px 5px 15px}
#sidebar #priceGrade li, #sidebar #filterAttr li{padding:3px 10px; border-bottom:1px dotted #ccc; background:url(../img/icon.gif) no-repeat 0 -40px}
#sidebar #priceGrade .selected, #sidebar #filterAttr .selected{color:#ddd}
#sidebar #subscription .input, #sidebar #orderQuery .input{width:150px; margin-bottom:10px}
#sidebar #orderQuery .table{margin-top:10px; border:1px solid #ccc}
#sidebar #orderQuery .content .bottom{display:none}
#sidebar #goodsGallery .description{display:block; text-align:center; padding:3px}
#sidebar #goodsGallery a{border:1px solid #dadada; display:block}
#sidebar #goodsGallery a:hover{border:1px solid #666}
#sidebar #goodsArticle li{padding:3px 10px; border-bottom:1px dotted #ccc; background:url(../img/icon.gif) no-repeat 0 -40px; white-space:nowrap; width:140px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis}
#sidebar #login h3{display:none}
#contents .box .goodsList li {width:162px;height:233px;overflow:hidden;display:block;float:left;padding:5px 11px;position:relative;}

#contents .box .goodsList .photos{position:relative; overflow:hidden; width:166px; height:166px; z-index:1}
#contents .box .goodsList .panel{left:1px; position:absolute; bottom:-45px; padding:2px; width:160px; height:40px; display:block}
#contents .box .goodsList .btnBlue{position:absolute; top:10px; left:10px; float:left}
#contents .box .goodsList .btnRed{position:absolute; top:10px; right:10px; float:left}
#contents .box .goodsList .photo{width:160px; height:160px; display:block; padding:2px; border:1px solid #dadada}
#contents .box .goodsList .photo:hover{border:1px solid #666}
#contents .box .goodsList .photo img{width:160px; height:160px}
#contents .box .goodsList .infolist {width:170px;line-height:14px;padding-top:8px;}
#contents .box .goodsList .name a {color:#000;word-break:break-all;}
#contents .box .goodsList .brand{color:#FF5050; font-weight:700; font-size:12px; display:block}
#contents .box .goodsList .price{color:#FF5050; font-weight:700; font-size:14px; display:block}
#contents .box .goodsListList li .price{color:#FF5050; font-weight:700; font-size:14px; display:block}
#contents .box .goodsListGrid li{width:352px; height:390px; overflow:hidden; display:block; float:left; padding:5px 9px; position:relative}
#contents .box .goodsListGrid .photos{position:relative; overflow:hidden; width:352px; height:352px; z-index:1}
#contents .box .goodsListGrid .panel{left:1px; position:absolute; bottom:-45px; padding:5px; width:340px; height:40px; display:block}
#contents .box .goodsListGrid .btnBlue{position:absolute; top:10px; left:20px; float:left}
#contents .box .goodsListGrid .btnRed{position:absolute; top:10px; right:20px; float:left}
#contents .box .goodsListGrid .photo{width:340px; height:340px; display:block; padding:5px; border:1px solid #dadada}
 #contents .box .goodsListGrid .photo:hover{border:1px solid #666}
 #contents .box .goodsListGrid .photo img{width:340px; height:340px}
#contents .box .goodsListGrid li .infolist{line-height:14px; padding-top:8px}
#contents .box .goodsListGrid li .name a{color:#000; white-space:nowrap}
#contents .box .goodsListGrid li .price{color:#FF5050; font-weight:700; font-size:14px; display:block}
table.goodsListText{width:100%; border:1px solid #DADADA; border-collapse:collapse}
table.goodsListText th{text-align:center; font-weight:700; padding:5px}
table.goodsListText td{padding:5px}
table.goodsListText td{padding:5px}
.goodsListText li{overflow:hidden; display:block; padding:5px 11px; position:relative; border-bottom:1px solid #ececec}
.goodsListText li .infolist{line-height:14px; padding-top:8px}
.goodsListText .name a{width:200px; display:inline-block; white-space:nowrap}
.goodsListText .price{color:#FF5050; font-weight:700; font-size:14px}
#search .nocontent, #grounpBuyList .nocontent{text-align:center; padding:30px 0; font-size:14px}
#userMenu{width:163px}
#userMenu ul{}
#userMenu li{margin:1px; padding-left:47px; height:30px; line-height:30px; background:url(../img/userMenuIcon.gif) no-repeat 20px 0}
#userMenu li:hover{background-color:#F8F8F8}
#userMenu li#profile{background-position:20px -30px}
#userMenu li#orderList{background-position:20px -60px}
#userMenu li#addressList{background-position:20px -90px}
#userMenu li#collectionList{background-position:20px -120px}
#userMenu li#messageList{background-position:20px -150px}
#userMenu li#tagList{background-position:20px -180px}
#userMenu li#bookingList{background-position:20px -210px}
#userMenu li#bonus{background-position:20px -240px}
#userMenu li#affiliate{background-position:20px -270px}
#userMenu li#commentList{background-position:20px -300px}
#userMenu li#trackPackages{background-position:20px -330px}
#userMenu li#accountLog{background-position:20px -360px}
#userMenu li#logout{background-position:20px -390px}
#userMenu li a{color:#6C6C6C; display:block; background:url(../img/userMenuArrow.gif) no-repeat 100px -21px}
#userMenu li.selected{background-color:#F8F8F8}
#userMenu li.selected a{background:url(../img/userMenuArrow.gif) no-repeat 100px 10px}
#userMenu li a:hover{background:url(../img/userMenuArrow.gif) no-repeat 100px 10px}
#user .table td{color:#6C6C6C; vertical-align:middle; padding:5px; border-bottom:1px solid #ECECEC}
#user .table th{border-bottom:1px solid #ECECEC}
#user .table .handle{color:#ccc}
#user .table .handle a{text-decoration:underline; margin:0 3px; color:#FF5050}
#user .table .last td{border:0}
#user .table .no-records{text-align:center; padding:20px}
#user .mc_formtable td{color:#666; vertical-align:middle; padding:5px}
#user .table .handle a.remove{color:#FF5050; background:url(../img/icon_remove.gif) no-repeat 0 center; padding-left:13px}
#user{width:986px; margin:10px auto}
#user a{color:#000}
#user .column1{width:163px; border:1px solid #D0D0D0; border-right:0}
#user .column2{background:#fff; padding:10px; border:1px solid #D0D0D0}
#user .more{float:right; margin-right:20px}
#user .more a{font-weight:normal}
#user .box{margin-bottom:10px}
#user .box h3{font-size:12px; line-height:24px; color:#494949; background:#F2F2F2; height:24px}
#user .box h3 span{background:url(../img/icon.gif) no-repeat 10px -18px; padding:0 30px}
#user .content{padding:10px}
#user .box table{width:100%}
#user .box table td{padding:5px}
#user .box .label{text-align:right}
#user .box .desc{color:#999}
#user .box .empty{text-align:center; padding:25px}
#user .notice{color:red}
#latestorder .surplus{color:#FF5050}
#latestorder .creditLine{color:#CF65FF}
#latestorder .bonus{color:#FF9402}
#latestorder .integral{color:#65B6EE}
#user .memberprofile{padding:10px}
#user .memberprofile .signinfo{color:#666; width:675px}
#user .memberprofile .signinfo h4{font-size:14px; color:#494949; margin-bottom:10px}
#user .memberprofile .signinfo p{line-height:20px}
#user .memberprofile .act{width:100px; padding-top:10px; text-align:center}
#user .memberprofile .act p{line-height:20px; color:#666}
#user .memberprofile .photo{text-align:center}
#user .memberprofile .photo img{width:48px; height:48px; border:1px solid #D0D0D0; padding:2px}
#profile input.input, #address input.input{width:200px}
#message .title, #comment .title{padding-left:15px}
#message .time, #comment .time{padding-left:15px; color:#ccc}
#message .drop, #comment .drop{line-height:24px; color:red; padding-right:15px}
#user .box .flow h3{line-height:22px; color:#808080; font-size:12px; font-weight:normal; padding-left:20px; background:url(../img/h3_header.gif) no-repeat left center}
#latestmsg .content{margin-bottom:5px; padding-bottom:20px; border-bottom:1px dotted #c4deec}
#latestmsg h4{font-size:12px; padding:5px 10px}
#latestmsg .content{background:#f5fbfe; padding:10px; border:1px solid #c4deec}
#latestmsg .recontent{background:#f1f1f1; padding:10px; border:1px solid #dadada}
#latestmsg .time{font-size:10px; font-weight:normal; color:#999}
#collectionList img{padding:2px; border:1px solid #dadada}
#collectionList .name{margin-bottom:5px}
#collectionList .goodsprice{color:#FF5050}
#mc_order_info{color:#666; background:#FFF; margin-bottom:10px; padding:3px 8px; border:1px solid #C8C8C8; border-top:2px solid #FF6B79}
#mc_order_info .cite{color:#FF5050}
#user .tab-bar{background:#F2F2F2; height:25px; padding:5px 0 0 10px}
#user .tab-bar li{line-height:20px; color:#929292; float:left; margin:2px 5px 0; padding:0 15px; cursor:pointer}
#user .tab-bar li a{color:#929292}
#user .tab-bar li.actived{margin-top:0; position:relative; bottom:-1px; z-index:2; line-height:24px; color:#494949; font-weight:700; background:#fff}
#user .tab-bar li.actived a{color:#494949}
#userNotice{padding:10px; margin:0 10px 10px; color:#FF5050; font-size:14px; font-weight:700; background:#FFECEC; border:2px solid #FF5050}
#footerLinks {margin:10px 0;clear:both;}
#footerLinks li {display:block;float:left;}
#footerLinks .image a{ padding:2px;margin-right:8px;border:1px solid #DDD;display:block;}
#footerLinks .image a:hover{ border:1px solid #999;}
#footerLinks .text a{ line-height:20px;}
#footerLinks .content{padding-bottom:10px;*padding-bottom:0px;_padding-bottom:10px;}


.style1 {
	font-size: large;
	color: #000080;
}
.style2 {
	font-size: small;
}
.joe_p{ margin-top:5px;}