﻿@charset "utf-8";
/* Author: wjas */
/* date to build: 2012-08-07*/
/* last Modified Author: wjas */
/* last Modified: 2012-09-18 */

/* category */
.category{width:100%; height:110px; z-index:99;}
.category_area{height:110px; border:1px solid #ddd; border-left:0; border-right:0; background:#fff; position:relative; z-index:999;}
.category_area .shadow{width:100%; height:10px; overflow:hidden; font-size:0; box-shadow:0 3px 3px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1); position:absolute; bottom:0; left:0; z-index:888;}
.category_area .prev, .category_area .next, .category_area .prev_no, .category_area .next_no{width:40px; height:112px; position:absolute; top:-1px; z-index:99999; text-align:left; line-height:110px; text-indent:-5000px; overflow:hidden; cursor:pointer;}
.category_area .prev, .category_area .prev_no{box-shadow:3px 0 5px rgba(0,0,0,.15); left:-40px; border-right:2px; background:url(../images/btn01.jpg) left bottom no-repeat;}
.category_area .next, .category_area .next_no{box-shadow:-3px 0 5px rgba(0,0,0,.15); right:-40px; background:url(../images/btn01.jpg) left top no-repeat;}
.category_area .prev:hover{background:url(../images/btn01.jpg) -40px bottom no-repeat;}
.category_area .next:hover{background:url(../images/btn01.jpg) -40px top no-repeat;}
.category_area .prev_no{background:url(../images/btn01.jpg) -80px bottom no-repeat; cursor:text;}
.category_area .next_no{background:url(../images/btn01.jpg) -80px top no-repeat; cursor:text;}
.category_area .bg_left,.category_area .bg_right{width:40px; height:40px; position:absolute; z-index:98; bottom:-40px;}
.category_area .bg_left{left:-40px; background:url(../images/category_bg.gif) left 0;}
.category_area .bg_right{right:-40px; background:url(../images/category_bg.gif) right 0;}

.category_area .ul_box{width:100%; height:110px; overflow:hidden; position:relative; box-shadow:0 1px 5px rgba(0,0,0,.5);}
.category_area ul{height:110px; float:left; position:absolute; display:block; background:#fff; z-index:9999; -webkit-transition: left 1s ease; -moz-transition: left 1s ease; transition: left 1s ease;}
.category_area li{width:109px; height:110px; float:left; text-align:center; cursor:pointer; border-right:1px solid #eee; overflow:hidden;}
.category_area li a,.category_area li a:hover{width:109px; height:110px; float:left; text-decoration:none; cursor:pointer;}
.category_area li h1{width:109px; height:66px; line-height:66px; float:left; overflow:hidden;}
.category_area li span{width:90px; height:40px; float:left; margin:0 10px; display:inline; font-size:14px; line-height:16px; color:#555; font-weight:bold;}

.iconfont{font-family:"iconfont";font-size:50px; font-style:normal;}
.icon1{color:#3be; color:rgba(0, 153, 204, 0.8); text-shadow: 0 2px 3px #fff, 0 0 0 #000; _color:#3be;}
.icon1{color:#7bf; color:rgba(51, 136, 255, 0.8); text-shadow: 0 2px 3px #fff, 0 0 0 #000; _color:#7bf;}
.icon2{color:#fb3; color:rgba(255, 136, 0, 0.8); text-shadow: 0 2px 3px #fff, 0 0 0 #000; _color:#fb3;}
.icon3{color:#9c0; color:rgba(102, 153, 0, 0.8); text-shadow: 0 2px 3px #fff, 0 0 0 #000; _color:#9c0;}
.icon4{color:#a6c; color:rgba(153, 51, 204, 0.8); text-shadow: 0 2px 3px #fff, 0 0 0 #000; _color:#a6c;}
.icon5{color:#f44; color:rgba(204, 0, 0, 0.8); text-shadow: 0 2px 3px #fff, 0 0 0 #000; _color:#f44;}

.category_area li a:hover .iconfont,.category_area li a:hover span{color:#fff; text-shadow:none;}
.category_area li a:hover{background:#ff8800;
background:-webkit-gradient(linear, left top, left bottom, from(#ffbb33),to(#ff8800));
background:-moz-linear-gradient( top, #ffbb33, #ff8800);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb33',endColorstr='#ff8800');}
.category_area li.in,.category_area li a.in{background:#f47803;
background:-webkit-gradient(linear, left top, left bottom, from(#fb9600),to(#f47803));
background:-moz-linear-gradient( top, #fb9600, #f47803);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9600',endColorstr='#f47803');}
.category_area li.in h1,.category_area li.in span{color:#fff; text-shadow:none;}

/* Product */
.product{width:100%; float:left; font-family:"宋体", "微软雅黑", "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif; background:#fff;}
.product li{width:219px; height:269px; float:left; border:1px solid #ddd; border-left:0; border-top:0; background:#fff; overflow:hidden; position:relative;}
.product .view{width:200px; height:250px; float:left; padding:10px 9px 9px 10px; display:inline; position:relative; cursor:pointer;}
.product .view img{width:200px; height:200px; float:left; margin-bottom:10px;}
.product .view h1{width:200px; height:40px; font-weight:normal; font-size:14px; line-height:20px; color:#666; text-align:left;}
.product .view .newPrice{height:20px; font-size:14px; line-height:20px; font-weight:bold; text-align:right; color:#666; position:absolute; bottom:9px; right:9px; z-index:2; padding-left:12px; }
.product .view p{height:20px; font-size:14px; line-height:20px; font-weight:bold; text-align:right; color:#f80; position:absolute; top:9px; right:9px; z-index:2; padding-left:12px;}
.product .view strong{color:#f80; font-size:18px;}
.product .data{width:200px; height:250px; float:left; padding:10px 9px 9px 10px; background:#eee; box-shadow: inset 0 2px 2px rgba(0,0,0,.1); color:#666; position:relative; -webkit-transition: top .3s; -moz-transition: top .3s; transition: top .3s; text-shadow:0 1px 1px rgba(255,255,255,1); z-index:9;}
.product .data h1{width:112px; height:80px; float:left; font-size:14px; text-align:left; line-height:20px; font-weight:;}
.product .data img{width:80px; height:80px; float:left; margin-right:8px;cursor:pointer;}
.product .data h2{float:left; font-size:14px; line-height:20px; text-align:left; color:#690;}
.product .data h3{float:left; font-size:16px; line-height:20px; text-align:left; color:#690;}
.product .data strong{font-size:14px; color:#f80;}
.product .data table{width:100%; height:90px; padding:0; border:0; float:left; margin:6px 0 0;}
.product .data td{height:32px; text-align:left; vertical-align:middle; font-size:14px; font-weight:bold;}
.product .data td strong{font-size:16px; color:#f80; padding-left:13px; line-height:30px;}
.product .data td input{background:#fff; border:0; float:left; color:#666; font-size:16px; font-weight:bold;}
.product .data td input.imginput{width:200px; height:32px; background:none; border:1px solid #000; padding:none; font-size:0; -webkit-box-align: baseline; color: inherit; text-align: start;}

.product .data td .quantity{width:70px; height:20px; line-height:20px; padding:5px;}
.product .data td .addsub{width:30px; height:30px; line-height:30px; text-align:center; margin-left:5px; cursor:pointer; font-size:20px;}
.product .data td .addsub:hover{color:#f80; background:#ddd; box-shadow:0 2px 0 rgba(255,187,51,1); }
.product .data td .addsub:active{color:#f80; background:#ddd; box-shadow: inset 0 3px 5px rgba(0,0,0,.1);}
.product .data td .btn02,.product .data td .btn03{width:95px; height:40px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); text-decoration:none; overflow:hidden; cursor:pointer;}
.product .data td .btn02{float:left; background:url(../images/btn02.png) left top no-repeat;}
.product .data td .btn03{float:right; background:url(../images/btn02.png) right top no-repeat;}
.product .data td .btn02:hover{background:url(../images/btn02.png) left bottom no-repeat;}
.product .data td .btn03:hover{background:url(../images/btn02.png) right bottom no-repeat;}
.product .data td .btn02:active,.product .data td .btn03:active{ box-shadow: inset 0 5px 10px rgba(0,0,0,.2);}

.product li.hover .data, .product li:hover .data {
    top: -270px;
}

.promotionBadge {
    background: url("/images/promotion_big.png") no-repeat scroll 0 0 transparent;
    height: 52px;
    position: absolute;
    left: 8px;
    top: 8px;
    width: 52px;
}

.outofstockbadge {
    height: 40px;
    position: absolute;
    bottom: 59px;
    background-color: #FF0000;
    width: 185px;
    filter:alpha(opacity=60);
    opacity: 0.6;
    color: #fff;
    padding: 0 10px 0 5px;
}

.outofstockbadge .left {
    float: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}

.outofstockbadge .right{
    float: right;
    font-size: 14px;
    line-height: 40px;
}

.promotionSmallBadge {
    background: url("/images/promotion_small.png") no-repeat scroll 0 0 transparent;
    height: 34px;
    position: absolute;
    left: 9px;
    width: 34px;
}

.originalPrice 
{
    line-height: 1.75em;
    text-decoration: line-through;
    bottom: 9px;
    color: gray;
    height: 20px;
    padding-left: 12px;
    position: absolute;
    right: 65px;
    text-align: right;
    z-index: 2;
}

/* edit */
.store_edit{width:94px; height:35px; line-height:35px; background:url(../images/store_edit.gif); overflow:hidden; text-align:left; text-indent:-2000px; position:absolute; z-index:9999; bottom:-15px; right:-30px; cursor:pointer; box-shadow:0 1px 0 rgba(255,255,255,.3), 0 5px 5px rgba(0,0,0,.2); _bottom:25px; _right:-30px;}
.store_edit_box{width:540px; height:auto; position:absolute; z-index:9999; left:3px; top:75px; border:6px solid #999; border:6px solid rgba(0,0,0,.3); _left:0; _top:0;}
.store_edit_box .inputbox{width:540px; height:auto; background:#f4f4f4; float:left;}
.store_edit_box .inputbox h1{width:100%; height:50px; text-align:center; font-size:16px; line-height:50px; border-bottom:1px solid #ccc; float:left; color:#f80;}
.store_edit_box .inputbox .inputarea{width:500px; padding:10px 20px; border-top:1px solid #fff; border-bottom:1px solid #ccc; float:left; box-shadow: 0 1px 0 rgba(255,255,255,1);}
.store_edit_box .inputbox .inputarea label{width:90px; height:26px; margin:8px 0; text-align:right; font-size:14px; color:#666; font-weight:bold; line-height:30px; float:left; clear:left;}
.store_edit_box .inputbox .inputarea input{width:380px; height:24px; margin:8px 0 8px 10px; float:left; background:#fff; border:1px solid #aaa; padding:0 5px; line-height:24px; display:inline;}
.store_edit_box .inputbox .inputarea input[type="file"]{height:24px; padding:2px 5px; cursor:pointer;}
.store_edit_box .inputbox input.btn05{width:200px; height:40px; padding:0; color:#fff; font-size:20px; font-weight:bold; text-shadow: 0 1px 2px rgba(0,0,0,.3); border:1px solid #f80; box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1); border-radius:4px; cursor:pointer; margin:10px 150px;background:#f47803;
background:-webkit-gradient(linear, left top, left bottom, from(#fb9600),to(#f47803));
background:-moz-linear-gradient( top, #fb9600, #f47803);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9600',endColorstr='#f47803');}
.store_edit_box .inputbox input.btn05:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1), inset 0 15px 20px rgba(255,255,255,.25);}
.store_edit_box .inputbox input.btn05:active{box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1), inset 0 10px 10px rgba(0,0,0,.10);}
.store_edit_box .inputbox .inputarea span{height:26px; margin:5px 5px; text-align:right; font-size:14px; color:#666; line-height:30px; float:left; font-weight:bold;}
.store_edit_box .inputbox .inputarea input.xiao{width:50px; margin:8px 0;}
.store_edit_box .inputbox .inputarea strong{color:#f80; font-size:16px;}
.store_edit_box .inputbox .inputarea ul{width:400px; float:left;}
.store_edit_box .inputbox .inputarea li{width:18px; height:18px; padding:1px; border:1px solid #bbb; background:#fff; float:left; margin:10px 0 10px 10px; display:inline; cursor:pointer;}
.store_edit_box .inputbox .inputarea li:hover{border-color:#f80; box-shadow:0 1px 5px rgba(0,0,0,.5);}
.store_edit_box .inputbox .inputarea .in{padding:0; border:2px solid #f80;}
.store_edit_box .inputbox .inputarea .color{width:18px; height:18px; float:left;}
.store_edit_box .inputbox .inputarea .color_01{background:#e9e9ec;}
.store_edit_box .inputbox .inputarea .color_02{background:#ededed;}
.store_edit_box .inputbox .inputarea .color_03{background:#e6eff5;}
.store_edit_box .inputbox .inputarea .color_04{background:#e2f4fb;}
.store_edit_box .inputbox .inputarea .color_05{background:#f3e9f8;}
.store_edit_box .inputbox .inputarea .color_06{background:#f0f8db;}
.store_edit_box .inputbox .inputarea .color_07{background:#e9f0db;}
.store_edit_box .inputbox .inputarea .color_08{background:#fff5e2;}
.store_edit_box .inputbox .inputarea .color_09{background:#ffe4e4;}

.store_edit_box .inputbox .inputarea2{width:500px; padding:10px 20px; float:left;}
.store_edit_box .inputbox .inputarea2 label{width:100px; height:26px; margin:8px 5px 8px 0; text-align:right; font-size:14px; color:#666; font-weight:bold; line-height:30px; float:left; clear:left;}
.store_edit_box .inputbox .inputarea2 input{width:400px; height:24px; margin:8px 0; float:left; padding:0 5px; line-height:24px; clear:right;}
.store_edit_box .inputbox .inputarea2 input.btn05{width:80px; height:30px; padding:0; color:#fff; font-size:20px; font-weight:bold; text-shadow: 0 1px 2px rgba(0,0,0,.3); border:1px solid #f80; box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1); border-radius:4px; cursor:pointer; margin:5px auto; float:right;}

.store_edit_box .inputbox .inputarea2 input.btn05:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1), inset 0 15px 20px rgba(255,255,255,.25);}
.store_edit_box .inputbox .inputarea2 input.btn05:active{box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1), inset 0 10px 10px rgba(0,0,0,.10);}

.product .data .imgedit{width:196px; height:24px; padding:2px; float:left; background:#fff; border:1px solid #ccc; cursor:pointer; margin:15px auto;}
.product .data .btn06{width:198px; height:40px; padding:0; color:#fff; font-size:20px; font-weight:bold; text-shadow: 0 1px 2px rgba(0,0,0,.3); border:1px solid #f80; box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1); border-radius:4px; cursor:pointer; margin:10px auto;}
.product .data .btn06:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1), inset 0 15px 20px rgba(255,255,255,.25);}
.product .data .btn06:active{box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(255,255,255,1), inset 0 10px 10px rgba(0,0,0,.10);}

/* 分类排序 */
.category_edit{width:100%; background:#999; box-shadow:inset 0 -5px 5px rgba(0,0,0,.1); float:left; border-bottom:1px solid #fff;}
.category_edit .tags{width:100%; height:32px; background:#333; text-align:left;}
.category_edit .tags h1{font-size:20px; line-height:30px; float:left; color:#fff;}
.category_edit .tags span{font-size:14px; line-height:30px; float:left; color:#fff; margin-left:10px;}
.category_edit .tags .btn07{height:24px; border:1px solid #f47803; padding:0 30px; margin:2px 5px; float:right; background:#f47803; border-radius:2px; box-shadow:0 1px 0 rgba(255,255,255,.1), inset 0 1px 1px rgba(255,255,255,.2), inset 0 15px 15px rgba(255,255,255,.3); font-size:16px; line-height:24px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.5); font-weight:bold; cursor:pointer; text-align:center;}
.category_edit .tags .btn07:hover{box-shadow:0 1px 0 rgba(255,255,255,.1), inset 0 1px 1px rgba(255,255,255,.3), inset 0 15px 15px rgba(255,255,255,.4);}
.category_edit .tags .btn08{height:24px; border:1px solid #666; padding:0 10px; margin:2px 5px; float:right; background:#666; border-radius:2px; font-size:14px; line-height:24px; color:#fff; cursor:pointer; text-align:center;}
.category_edit .tags .btn08:hover{background:#f00;}
.category_area2{background:none; border:none;}
.category_area2 ul{width:100%; position:relative; background:none; border:none; margin:10px 0;}
.category_area2 li{margin:5px 0; float:left; border-bottom:1px solid #eee; border-top:1px solid #eee; background:#fff;}
.category_edit_btn{width:95px; height:35px; position:absolute; z-index:99999;overflow:hidden; cursor:pointer; margin-top:-145px; left:60%;}

.category_edit_title{float:left; width:100%; background-color:#eeeeee; height:30px; line-height:30px; margin:10px 0 -14px 0px; text-indent:10px; color:#333333; text-align:left; font-size:12px;}
#system_category{width:100%; height:280px; overflow-y:scroll; overflow-x:hidden; float:left; border-left:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
#system_category div{width:79px; height:80px; margin:5px 2px;cursor:move; float:left;border-bottom:1px solid #eee; border-top:1px solid #eee; background:#fff;}
#system_category h1{font-size:40px; width:78px;  height:55px; line-height:55px; text-align:center;}
#system_category span{width:60px; font-size:12px; text-align:center; color:#555555; font-weight:bold;}
.category_edit_title span{ float:right; margin-right:20px; height:30px; line-height:30px;}
.system_category_btn{color:White; font-weight:bold; cursor:pointer;}

/* 商品详情 */
.ProductInfo_bg{width:100%; height:100%; _height:1000px; float:left; background:#000; background:rgba(0,0,0,.3); position:fixed; _position:absolute; z-index:999; top:0; left:0; filter:alpha(opacity=30); -moz-opacity:1; opacity:1;}

.ProductInfo{width:760px; min-height:400px; padding:20px; background:#f8f3ed; border-radius:4px; box-shadow:rgba(0,0,0,.3) 0 2px 8px; position:fixed; _position:absolute; z-index:999; top:100px; left:50%; margin-left:-400px;}
.ProductInfo .close{position:absolute; width: 50px; height: 50px; right: -25px; top: -25px; background:url(../images/close.png); cursor:pointer;}
.ProductInfo .imgbox{width:340px; height:400px; float:left;}
.ProductInfo .imgbox .imgbig{width:340px; height:340px; float:left; background:url(../images/defaultimg.png); background-position: center center; background-repeat: no-repeat; background-size: 340px auto; }
.ProductInfo .imgbox .imgbig img{width:340px; height:340px; float:left;}
.ProductInfo .imgbox .imgsmall{width:340px; height:50px; float:left; margin:10px 0 0;}
.ProductInfo .imgbox .imgsmall .Prev, .ProductInfo .imgbox .imgsmall .Next{width:20px; height:50px; background:url(../images/prevnext.png); cursor:pointer;}
.ProductInfo .imgbox .imgsmall .Prev{float:left; background-position:0 -50px;}
.ProductInfo .imgbox .imgsmall .Prev:hover{background-position:0 -100px;}
.ProductInfo .imgbox .imgsmall .Next{float:right; background-position:right -50px;}
.ProductInfo .imgbox .imgsmall .Next:hover{background-position:right -100px;}
.ProductInfo .imgbox .imgsmall .Prevnone{float:left; background-position:0 0; cursor:default;}
.ProductInfo .imgbox .imgsmall .Prevnone:hover{background-position:0 0;}
.ProductInfo .imgbox .imgsmall .Nextnone{float:right; background-position:right 0; cursor:default;}
.ProductInfo .imgbox .imgsmall .Nextnone:hover{background-position:right 0;}
.ProductInfo .imgbox .imgsmall .ulbox{width:290px; height:50px; float:left; overflow:hidden; margin:0 5px; display:inline;}
.ProductInfo .imgbox .imgsmall .imgul{height:50px; float:left;}
.ProductInfo .imgbox .imgsmall .imgul img{width:46px; height:46px; border:1px solid #e3cfb7; padding:1px; background:#fff; float:left; margin:0 4px; cursor:pointer; display:inline;}
.ProductInfo .imgbox .imgsmall .imgul img:hover{border:1px solid #e55552;}
.ProductInfo .imgbox .imgsmall .imgul .mouseon,.ProductInfo .imgbox .imgsmall .imgul .mouseon:hover{border:2px solid #e55552; padding:0;}

.ProductInfo .Pricebox{width:400px; height:400px; float:right; overflow:hidden; border-radius:4px; background:#f1e7db; box-shadow:0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,.1); text-align:left; position:relative;}
.ProductInfo .Pricebox .ProductName{width:370px; height:50px; margin:15px; float:left; font-size:18px; font-weight:bold; line-height:25px; color:#555; text-align:left; display:inline;}
.ProductInfo .Pricebox .Pricearea{width:400px; height:70px; float:left; background:#e55552; color:#fff; text-align:left;}
.ProductInfo .Pricebox .label{width:55px; height:24px; line-height:24px; color:#666; float:left; margin-left:15px; font-size:14px; display:inline;}
.ProductInfo .Pricebox .Pricearea .label{margin:15px 0 0 15px; color:#fff;}
.ProductInfo .Pricebox .Pricearea .Price{width:330px; height:66px; margin:2px 0; float:right;}
.ProductInfo .Pricebox .Pricearea .Price .PricePaoPao{width:100%; height:40px; font-size:34px; font-weight:bold;}
.ProductInfo .Pricebox .Pricearea .Price .PriceOriginal{width:320; height:22px; padding:0 0 0 8px; line-height:22px;}
.ProductInfo .Pricebox .Pricearea .Price .PriceOriginal font{font-size:12px;}
.ProductInfo .Pricebox .Pricearea .Price .PriceOriginal em{font-size:16px; font-style:normal;}
.ProductInfo .Pricebox .Pricearea .Price .PriceOriginal del{text-decoration:line-through;}
.ProductInfo .Pricebox .Quantity{width:400px; height:24px; float:left; margin:20px 0 0;}
.ProductInfo .Pricebox .Quantity .Quantityarea{width:330px; height:24px; float:right; text-align:center; font-weight:bold;}
.ProductInfo .Pricebox .Quantity .Quantityarea .SubAdd{width:30px; height:24px; float:left; line-height:24px; background:#e3cfb7; color:#c79f6f; font-size:18px; font-family:Arial; cursor:pointer;}
.ProductInfo .Pricebox .Quantity .Quantityarea .SubAdd:hover{background:#c79f6f; color:#fff;}
.ProductInfo .Pricebox .Quantity .Quantityarea .SubRemove{width:30px; height:24px; float:left; line-height:24px; background:#e3cfb7; color:#c79f6f; font-size:18px; font-family:Arial; cursor:pointer;}
.ProductInfo .Pricebox .Quantity .Quantityarea .SubRemove:hover{background:#c79f6f; color:#fff;}
.ProductInfo .Pricebox .Quantity .Quantityarea .SubAddnone,.ProductInfo .Pricebox .Quantity .Quantityarea .SubAddnone:hover{background:#ddd; color:#bbb; cursor:default;}
.ProductInfo .Pricebox .Quantity .Quantityarea input.Digital{width:60px; height:22px; padding:0; margin:0; line-height:22px; color:#3a92ff; text-align:center; font-weight:bold; border:1px solid #e3cfb7; float:left;}
.ProductInfo .Pricebox .Remark{width:400px; margin:20px 0 0; float:left;}
.ProductInfo .Pricebox .Remark .Remarkarea{width:330px; float:right;}
.ProductInfo .Pricebox .Remark .Remarkarea input.note{width:280px; height:22px; padding:0 5px;margin:0; line-height:22px; color:#555; border:1px solid #e3cfb7; float:left;}
.ProductInfo .Pricebox .Remark .Remarkarea .RemarkList{width:290px; max-height:72px; _height:72px; overflow:hidden; float:left; margin:6px 0 0;}
.ProductInfo .Pricebox .Remark .Remarkarea .RemarkList li{height:20px; line-height:20px; padding:0 5px; border:1px solid #e3cfb7; text-align:center; float:left; margin:0 2px 2px 0; display:inline; background:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif, "宋体";}
.ProductInfo .Pricebox .Remark .Remarkarea .RemarkList li:hover{height:18px; line-height:18px; padding:0 4px; border:2px solid #e55552;}
.ProductInfo .Pricebox .Remark .Remarkarea .RemarkList li.RemarkOn{height:18px; line-height:18px; padding:0 4px; border:2px solid #e55552; background:url(../images/remarkon.png) right bottom no-repeat #fff;}
.ProductInfo .Pricebox .Dividingline{width:370px; height:1px; float:left; margin:20px 15px 0; background:#e6d4be; border-bottom:1px solid #fff; overflow:hidden; display:inline;}
.ProductInfo .Pricebox .LinkBox{width:300px; height:40px; float:left; margin:10px 0 0 70px; display:inline;}
.ProductInfo .Pricebox .LinkBox .LinkBuy,.ProductInfo .Pricebox .LinkBox .LinkBasket{width:140px; height:40px; float:left; margin-right:10px; font-size:16px; font-weight:bold; line-height:40px; color:#fff; text-align:center; border-radius:2px; cursor:pointer;}
.ProductInfo .Pricebox .LinkBox .LinkBasket{background:#3a92ff;}
.ProductInfo .Pricebox .LinkBox .LinkBasket:hover{background:#509eff;}
.ProductInfo .Pricebox .LinkBox .LinkBuy{background:#e55552;}
.ProductInfo .Pricebox .LinkBox .LinkBuy:hover{background:#e56360;}

.ProductInfo .Dividingline{width:760px; height:1px; float:left; margin:20px 0 14px; background:#eadbc9; border-bottom:1px solid #fff; overflow:hidden; display:inline;}
.ProductInfo .InfoText{width:760px; max-height:180px; _height:120px; float:left; text-align:left; font-size:14px; color:#666; line-height:20px; text-indent:28px; overflow-y:scroll;}
