.row-content {
    min-height: 500px;
    width: 100%;
    margin: auto;
    margin-top: 23px;
}
.commodity-content .commod-cont-wrap{margin: auto;background:#fff;padding: 16px 0 90px 0;}
.commodity-content .commod-cont .left-nav{width:15%;margin-right: 2%;}
.commodity-content .commod-cont .left-nav .list-box{border:1px solid #eeeeee}
.commodity-content .commod-cont .left-nav .list-box dt,.commodity-content .commod-cont .left-nav .list-box dd{border-bottom:1px dashed #eeeeee;cursor:pointer}
.commodity-content .commod-cont .left-nav .list-box dd a:hover{color:#ff5500}
.commodity-content .commod-cont .left-nav .title a{color:#ffffff}
.commodity-content .commod-cont .left-nav .list-box dd .find{color:#ff5500}
.commodity-content .commod-cont .left-nav .list-box dt{font-size:14px;color:#333;padding-left:30px;background:url(../img/off-icon.png) 8px -2px no-repeat;cursor:pointer}
.commodity-content .commod-cont .left-nav .list-box dt.active{background-position:8px -40px}
.commodity-content .commod-cont .left-nav .list-box dd a{padding-left:42px;color:#888888;width:78%;display:block}
.commodity-content .commod-cont .left-nav .list-box dl:last-child dd:last-child{border-bottom:0}
.commodity-content .commod-cont .right-cont-wrap{float:left;width:100%}
.commodity-content .commod-cont .right-cont{width:100%}
.commodity-content .commod-cont .right-cont .sort{margin-top: 8px;border-radius: 3px;margin-bottom: 10px;background-color: whitesmoke;}
.commodity-content .commod-cont .right-cont .sort a{width:58px;height:26px;line-height:26px;font-size:14px;color:#333333;border:1px solid #d0bfbf;margin-left:-1px;float:right;background:url(../img/sort-arrow.png) no-repeat 41px 0;text-indent:9px;margin-top: 5px;border-radius: 3px;margin-left: 0px;margin-right: 20px;margin-bottom: 5px;}
.commodity-content .commod-cont .right-cont .sort a.active{background-position:41px -26px}
.commodity-content .commod-cont .right-cont .sort a.find{color:#ff5500}
.commodity-content .commod-cont .right-cont .prod-number{line-height:44px;font-size:16px;padding-left:7px}
.commodity-content .commod-cont .right-cont .cont-list .item{float:left;height:335px;border:0px solid #eaeaea;margin: 0 0px 0px 16px;width: 225px;}
.commodity-content .commod-cont .right-cont .cont-list .item:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transition:.2s ease-in-out}
.commodity-content .commod-cont .right-cont .cont-list .item .img{border-bottom:0px solid #eaeaea}
.commodity-content .commod-cont .right-cont .cont-list .item .img a img{width:100%;height:220px}
.commodity-content .commod-cont .right-cont .cont-list .item .text{padding:14px 14px 0 14px}
.commodity-content .commod-cont .right-cont .cont-list .title{color:#333333;font-size:16px;margin-bottom:14px}
.commodity-content .commod-cont .right-cont .cont-list .price{position:relative}
.commodity-content .commod-cont .right-cont .cont-list .pri{color:#ee0000;font-weight:bold}
.commodity-content .commod-cont .right-cont .cont-list .nub{position:absolute;right:13px;color:#999999}
.commodity-content .commod-cont .right-cont .elem{margin-top:30px}

.fenlei-content-box {
    position: relative;
    width: 100%;
    border-right: solid 1px #f0f0f0;
    height: 180px;
    margin: 0 auto;
    background: #fff;
    float: left;
}

.fenlei-content-max {
    height: 180px;
    background: #e83632;
    margin: 0 auto;
    position: relative;
}

.fenlei-content-box-ovf {
    /* width: 763px; */
    overflow: hidden;
    position: relative;
    margin-left: 37px;
    height: 180px;
}

.fenlei-content-item-name {
    position: absolute;
    top: 110px;
    left: 15px;
    width: 100px;
    padding: 0 15px;
    line-height: 30px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
}

.fenlei-content-item-img {
    position: absolute;
    width: 160px;
    height: 100px;
    left: 40%;
    margin-left: -70px;
    top: 40px;
    -webkit-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.fenlei-content-item-img img {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.fenlei-content-box-list {
    width: 6950px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.fenlei-content-box-list ul li {
    float: left;
    /*border-right: 1px solid #eee;*/
}

.fenlei-content-box-list ul li a {
    position: relative;
    display: block;
    width: 300px;
    height: 100px;
    text-align: center;
    margin: auto;
}

.fenlei-content-box-list ul li a img {
    transition: all 0.5s;
}

.fenlei-content-box-list ul li a:hover img {
    transform: scale(1.2);
    transition: all 0.3s;
}

.prev {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -40px;
}

.next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -40px;
}

.prev a {
    opacity: 0.6;
    background: #2f3430;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 24px;
    height: 45px;
}

.next a {
    background: #2f3430;
    position: absolute;
    right: 0;
    z-index: 100;
    width: 24px;
    height: 45px;
    opacity: 0.6;
}

.prev img {
    width: 80%;
    display: block;
    border: none;
    position: absolute;
    left: 0;
    top: 12px;
}

.next img {
    width: 80%;
    display: block;
    position: absolute;
    border: none;
    top: 13px;
    right: 0;
}

.prev a:hover {
    opacity: 1;
}

.next a:hover {
    opacity: 1;
}

.prev_catgory {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -40px;
}

.next_catgory {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -40px;
}

.prev_catgory a {
    opacity: 0.2;
    background: #2f3430;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 24px;
    height: 45px;
}

.next_catgory a {
    opacity: 0.2;
    background: #2f3430;
    position: absolute;
    right: 0;
    z-index: 100;
    width: 24px;
    height: 45px;
}

.prev_catgory img {
    width: 80%;
    display: block;
    border: none;
    position: absolute;
    left: 0;
    top: 12px;
}

.next_catgory img {
    width: 80%;
    display: block;
    position: absolute;
    border: none;
    top: 13px;
    right: 0;
}

.prev_catgory a:hover {
    opacity: 1;
}

.next_catgory a:hover {
    opacity: 1;
}