/* BASIC css start */
    /* prd-class-hd */
#aside { float:left; width:200px; border:1px solid #ddd; box-sizing:border-box; }
#aside .lnb li { background:#fbfbfb; height:40px; border-bottom:1px solid #ddd; box-sizing:border-box; }
#aside .lnb li:hover { background:#fff; }
#aside .lnb li:hover a { color:#75b6c6; font-weight:bold; }
#aside .lnb li a { width:100%; line-height:38px; height:100%; display:block; box-sizing:border-box; padding-left:15px}
#productClass .page-body { float:right; width:1060px; }
#productClass .prd-list { margin:0; }
#content .prd-class-hd { zoom: 1; overflow: hidden; text-align:left; margin:50px 0; }
#content .prd-class-hd h2 { font-size: 25px; text-transform: uppercase; font-weight: bold; color: #222; }
#content .prd-class-hd h2 span.cate1 { cursor:pointer; }
#content .prd-class-hd h2 span.cate2 { font-size:18px; }
#content .prd-class-hd h2 span.txt { display:inline-block; margin-left:10px; font-size:12px; color:#666; font-weight:normal; }
    /* class-list */
#productClass .class-list { zoom: 1; overflow: hidden; padding: 15px; border-bottom:2px solid #333; margin:0 10px; }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; }
#productClass .class-list li a:hover { color:#75b6c6; }
#productClass .class-list li { padding-left: 12px; margin-right: 12px; background: url(/design/soundwave/img/bar_1px.gif) no-repeat 0 50%; }
#productClass .class-list li:first-child { background:none; }
#productClass .class-list dd { text-align:center; }
#productClass .class-list dd ul { display:inline-block; margin:0 auto; }
    /* best-item */
#productClass .best-item { margin:0 15px 50px; box-sizing:border-box; border-top:2px solid #333; border-bottom:2px solid #333; }
#productClass .best-item h3 { text-align:center; font-size:20px; font-weight:bold; padding:20px 0 25px; }
    /* total-sort */
#productClass .promotion { padding:0 35px 30px; position:relative; }
#scroller_pro { overflow:hidden; }
#proFrame { width:6000px; }
#productClass .cate_title { width:1030px; text-align:center; margin:0 auto; }
#productClass .prd-list #proFrame li { position: relative; width: 240px; display: block; float: left; text-align: center; }
#productClass .prd-list #proFrame li .inner { width:222px; margin:0 auto; border: 1px solid #e5e5e5; box-sizing: border-box; background: #fff; }
#productClass .prd-list #proFrame li .inner:hover { border-color:#aaa; }
#productClass .prd-list #proFrame li .info { padding:10px 0; font-weight:bold; }
#productClass .prd-list #proFrame li .info .name,
#productClass .prd-list #proFrame li .info .date,
#productClass .prd-list #proFrame li .info .icon { margin-top:5px; }
#productClass .prd-list #proFrame li .info .date { color:#ff3d00; }
#productClass .prd-list #proFrame .thumb { width:220px; height:220px; border:0; }
#productClass .promotion .btnPrev { position:absolute; top:100px; left:0px; cursor:pointer; }
#productClass .promotion .btnNext { position:absolute; top:100px; right:0px; cursor:pointer; }
#productClass .total-sort { padding: 0 25px; margin:0 0 20px;}
#productClass .best-item .prd-list table .info { margin-bottom:30px; }
#productClass .prdWrap { width:1000px; margin:0 auto; border-top:1px solid #ddd; }
#productClass .prdWrap .prd_info { padding:20px 0; border-bottom:1px solid #ddd; }
#productClass .prdWrap .prd_info > div { float:left; margin-bottom:5px; }
#productClass .prdWrap .prd_info .prd_thumb { width:180px; height:150px; }
#productClass .prdWrap .prd_info .prd_thumb img { width:150px; height:150px; }
#productClass .prdWrap .prd_info .prd_dsc { width:530px; }
#productClass .prdWrap .prd_info .prd_price { width:130px; padding:20px 0 0 40px; }
#productClass .prdWrap .prd_info .prd_price p { margin-bottom:5px; }
#productClass .prdWrap .prd_info .prd_btn { width:100px; text-align:center; }
#productClass .prdWrap .prd_info .prd_btn > span,
#productClass .prdWrap .prd_info .prd_btn > a { display:inline-block; margin:20px auto 0; width:80px; height:33px; line-height:33px; border:1px solid #ddd; box-sizing:border-box; }
#productClass .prdWrap .prd_info .prd_btn > span { color:red; }
#productClass .prdWrap .prd_info .prd_btn > a:hover { background:#fbfbfb; }
#productClass .prdWrap .prd_info .prd_dsc dl { margin-top:20px; }
#productClass .prdWrap .prd_info .prd_dsc dl dt a { font-size:13px; font-weight:bold; display:block; padding-bottom:10px; }
#productClass .prdWrap .prd_info .prd_dsc dl dd p { margin-bottom:5px; color:#666; }
#productClass .prdWrap .prd_info .prd_dsc dl dd p strong { color:#333; }
#productClass .prdWrap .prd_info .prd_dsc dl dd p .bar { display:inline-block; width:1px; height:12px; background:#999; vertical-align:text-bottom; margin:0 7px; }
#productClass .prdWrap .prd_info .point {width:17px; height:17px; display:inline-block; text-align:center; line-height:17px;background:#83bfbc; color:#fff; font-weight:bold; border-radius:17px; }

/* BASIC css end */

