@charset "UTF-8";
.goods-rows { width: 976px; margin: 0 auto; }
.goods-row__child { position: relative; padding-left: 170px; }
.goods-row__child+.goods-row__child { margin-top: 35px; border-top: 1px dashed #d4d4d4; padding-top: 35px; }
.goods-row__child+.goods-row__child .goods-logo { top: 35px }
.goods-logo { position: absolute; left: 0; top: 0; }
.goods-list { margin-right: -18px }
.goods-list__item { width: 188px; float: left; margin-right: 18px; margin-bottom: 70px; height: 270px; }
.goods-list__item a { text-decoration: none }
.goods-list__item a:hover { opacity: .7 }
.goods-list__item .iamges { width: 188px; height: 188px; overflow: hidden; margin-bottom: 10px; background: #FFF; text-align: center; display: table-cell; vertical-align: middle; }
.goods-list__item .iamges img { max-height: 188px; max-width: 188px; }
.goods-list__item p { margin-top: 15px }
.goods-list__item .name { display: block }
.goods-list__item .price { color: #FFF; display: block; font-size: 13px; margin-top: 5px; }
.goods-info { background-color: #ecefef }
.goods-info__inner { width: 976px; margin: 0 auto; padding: 40px 0; box-sizing: border-box; }
.goods-info .sec__main { width: 828px }
.goods-info .info-table table { width: 100% }
.goods-info .info-table tr { border-bottom: 1px dashed #d4d4d4 }
.goods-info .info-table tr:first-child { border-top: 1px dashed #d4d4d4 }
.goods-info .info-table th, .goods-info .info-table td { padding: 20px 0; vertical-align: top; }
.goods-info .info-table th { color: #ff3078; width: 100px; text-align: left; }
.goods-info .attention { font-size: 13px; line-height: 1.6; }
#goods-details { width: 840px; height: 500px; }
#goods-details .photos { float: left; width: 300px; padding: 30px; text-align: center; }
#goods-details #mainImage { width: 300px; height: 300px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background: #FFF; }
#goods-details #mainImage img { max-height: 300px; max-width: 300px; vertical-align: middle; }
#goods-details .other-item { margin-top: 10px; list-style: none; }
#goods-details .other-item__child { float: left; margin-right: 10px; margin-bottom: 10px; position: relative; cursor: pointer; width: 60px; height: 60px; text-align: center; overflow: hidden; background: #FFF; }
#goods-details .other-item__child img { width: auto; height: 60px; }
/*#goods-details .other-item__child:first-child { margin-left: 0 }*/
#goods-details .other-item__child.active:after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: solid 3px #c3a717; box-sizing: border-box; }
#goods-details .details { padding: 40px 54px 40px 0 }
#goods-details .details h3 { color: #c3a717; font-size: 20px; line-height: 1.4; margin-top: -10px; font-weight: bold; }
#goods-details .price { margin-top: 10px }
#goods-details .description { margin-top: 20px; line-height: 1.6; float: left; width: 426px; color: #FFF; }
#colorbox, #cboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; }
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left }
#cboxContent { position: relative }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0 }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
#cboxOverlay { background-color: #16296b; opacity: 0.8 !important; filter: alpha(opacity=90)!important; }
#colorbox { outline: 0 }
#cboxContent { background: transparent }
.cboxIframe { background: transparent }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0 }
#cboxClose { position: absolute; top: -50px; right: -30px; width: 42px; height: 42px; overflow: hidden; text-indent: -9999px; background: url(../img/common/modal/btn_close.png) no-repeat left bottom; transition: opacity .5s ease; }
#cboxClose:hover { opacity: .7 }
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) }



.goods__list{
    width: 700px;
    margin: 0 auto;
}
.goods__list .goods__item{
    display:inline-block;
    width:300px;
    height:386px;
    background:url(../img/goods/frame.png);
    vertical-align:top;
    margin: 0px 22px 0 0;
    padding: 18px 18px 12px;
}
.goods__list .goods__item:nth-child(even){
    margin: 0 0 28px 0;
}
.goods__list .goods__item .goods__photo a{
    width:300px;
    height:300px;
    position: relative;
    text-align:center;
    background: #FFF;
    display: table-cell;
    vertical-align: middle;
}
.goods__list .goods__item .goods__photo a img{
    max-width:300px;
    max-height:300px;
    margin:auto;
}
.goods__list .goods__item a{
    display:block;
    transition:0.3s all;
    margin: 18px;
}
.goods__list .goods__item a:hover, #goods-details .description a:hover {
    text-decoration:none;
    opacity:0.7;
}
#goods-details .description a {
    color: #c3a717;
    display:block;
    transition:0.3s all;
    margin: 18px;
}
.goods__list .goods__item .goods__name a {
    color: #c3a717;
    font-size: 14px;
    width: 300px;
    margin: 10px auto 0;
    line-height: 1.6em;
}
.goods__list .goods__item .goods__price{
    font-size: 14px;
    width: 300px;
    margin: 0 auto;
    line-height: 1.6em;
    
}
#cboxContent:before,#cboxContent:after{
    content:url(../img/goods/line.png);
    display:block;
}