* { margin:0; padding:0; }
html, body { height:100%; }
body { font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; color:#333;}
a { text-decoration:none; color:#1c1c1c; }
a img { border:none; }
ul, li { list-style:none; }
.clear-float { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.pull-left { float:left; }
.pull-right { float:right; }
/* 分页 */
.page { clear:both; padding:15px 0; text-align:center; color:#333; }
.page a, .page span { padding:0 5px; }
.page a { color:#333; }
.page a:hover { text-decoration:underline; }
.page span.prev, .page span.next { color:#666; }


.nr11{width:95articleid='{cms:articleid/}'0px; margin:auto;}
.nr11 img{ line-height:0px; vertical-align: bottom}

/* 错误提示 */
label.error { color:#fff; width:auto; font-size:13px; padding:3px; white-space:nowrap; }
/*清除浮动样式*/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.cpy-dh{
    width: 1000px;
    margin: 0 auto;
}
.location { height:30px; line-height:30px !important; border-bottom:1px solid #031249; margin-bottom:10px; }
.location a { color:#666;font-size: 14px }
      #magnifying {
    display: block;
    width: 350px;
    height: 400px;
    margin: 50px;
    position: relative;
    border: 1px solid rgba(0,0,0,.05);
}

.twjs{
    font-size: 0;
}
.twjs>div{
    display: inline-block;

}
.tw-left{
    width: 35%;
    vertical-align: top;
}
.tw-right{
    width: 65%;
}
.box{
    /* margin: 100px; */
    width: 330px;
    height: 100%;
    position: relative;
    border: solid 1px gray;
}

.cover{
    width: 180px;
    height: 180px;
    opacity: 0.4;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.big{
    position: absolute;
    top: 0px;
    left: 365px;
    display: none;
    overflow: hidden;
    height: 500px;
    width: 380px;
}

.big img{
    position: absolute;
}
.small>img{
    width:100%;
    height:450px;
}
.tw-left>ul{
    font-size: 0;
    margin-top: 20px;
}
.tw-left>ul>li{
    width: 17.5%;
    display: inline-block;
    border: 1px solid #867d7d6e;
    height: 80px;
    margin-left: 5px;
}
.tw-left>ul>li img{
    width: 100%;
    height: 100%;
}
.tw-left>ul>.bor-ce{
    border: 2px solid #fd0000;
}

/*tw-right*/


.wordscontent, .wordsattr {}
.wordsintro { margin-left:10px; width:98%; float:left; }
.wordsintro .wordscontent { min-height:10px;
    _height:50px;
}
.wordsattr { font-size:14px;font-size:12px; color:#000000; border:1px solid #C8C8C8; }
.wordsattr h1{font-size:16px; color:#000000; text-align:center; padding:30px 0px;}
.wordsattr p{ margin:10px; color:#333; vertical-align: middle; font-weight:bold; font-size:14px;}
.wordsattr p .name{color:#333; vertical-align: middle; font-size:14px; font-weight:normal; margin-left:10px;}
.wordsattr p .salenum{ margin-right:180px;}
.wordsattr .sn{}
.wordsattr .price span{ margin-right:10px; font-weight:normal;}

.wordsattr p strong{font-size:20px; color:#FF0000;}
.wordsattr p b{ font-weight:bold; font-size:14px;}
.wordsattr p .comment{ margin-left:15px;}

div.wordsattr ul { overflow:hidden; width:560px; margin:10px; }
div.wordsattr ul li { float:left; line-height:30px; height:30px; width:280px; _width:200px; color:#333;}
div.wordsattr ul li label{ color:#000000;}


.buy{ border: 1px solid #c8c8c8; margin-top: 10px;}
.buy p{margin:10px 20px 20px 10px;font-size: 14px;}
.buy p a{color:#9f0000; font-weight:bold;}

.buy p a:hover{ text-decoration:underline;}
.button{overflow:hidden;  height:38px; margin:15px 0 20px 200px;}

div.buy div.price .market-price { text-decoration:line-through; color:#1000; }
div.buy div.price .price { font-size:20px; font-weight:bold; color:#FE0003; }
div.buy div.qty { padding-top:10px; }

.fastbuy{width:183px; height:38px; float:left; margin-left:20px; background-image:url(../images/addcart.jpg); border:0; }
.paynow { width:136px; height:38px; float:left; margin-left:50px; }
.paynow img { margin-top:1px; }
.addcart { width:183px; height:38px; float:left; margin-left:42px; }

.othergoods{ border:1px solid #c8c8c8; margin-top:10px; }
.othergoods ul li{ width:145px; border:1px solid #c8c8c8; margin:5px; float:left; text-align:center;}
.othergoods ul li img{ width:130px; height:200px;margin-top: 6px;}
.othergoods ul li a:hover{ color:#2E4C88;}
.name>a{
    font-size: 14px;
}



.goodsinfo {
    clear: both;
    margin: 0 0px;
    width: 1000px;
    overflow: hidden;
}
.cp-zs{
    width: 998px;
    margin: 0 auto;
	border: 1px solid #C8C8C8;
		margin-bottom:10px;

}
.detail-tab-nav{
    background-color: #fff;
    z-index: 1000;
    top: 0;
    width: 1000px;
    text-align: center;
}
ul.detail-tab-nav li{
    float: left;
}
ul.detail-tab-nav li a{
    display: block;
    padding: 0 40px;
    line-height: 50px;
    font-size: 19px;

}
ul.detail-tab-nav li.active a {
    background: #ffa200;
    color: #fff;
}
.goods-content .brandtitle {
    width: 1000px;
    height: 53px;
    background: url(../images/detai2.png) no-repeat 0 0;
    margin-top: 10px;
}
.commenttitle {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    background-color: #6b0000;
    color: #FFFFFF;
    text-indent: 25px;
    margin-top: 10px;
}
.comment {
    border: 1px solid #c8c8c8;
}
.comment dl {
    padding: 20px;
}
.comment dl dt {
    height: 25px;
    line-height: 25px;
    background-color: #f6f4f5;
}
.comment dl dd {
    color: #2F4F8C;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 1000px;
    margin-top: 10px;
}
@media (max-width: 720px){


.tw-left>ul>li{ width:  16%;     border: solid 1px gray;}
.wordsintro { width:76%; }

div.wordsattr ul li {  width: 50%;}

.button{ margin:0 0 4% 10%;}

.othergoods ul li {width: 47%;}

.wordsattr h1{ width:60%;margin-left:6%; padding:10px 0px;}

.box {  width: 100%; }

.tw-left { width:30%;}

.othergoods ul li img{ width:120px; height:140px;margin-top: 6px; margin:0 auto}
.big{   position: absolute;    top: 0px;    left: 305px;    display: none;
    overflow: hidden;    height: 400px;    width: 350px;}

}

@media (max-width: 420px)
{
.tw-left {  width: 37%; vertical-align: top;}

.tw-left>ul>li{ width:  14%;     border: solid 1px gray;}

.wordsintro { width:330px; }

div.wordsattr ul li {  width: 35%;}

.button{ margin:5% 0 4% 1%;}

.othergoods ul li {width: 46%;}

.wordsattr h1{ width:50%; margin-left:4%;}

}