.img-show {
    display: none;
    z-index: 1;
    position: absolute;
    height: 400px;
    width: 400px;
    left: 790px;
    top:40px;
    overflow: hidden;
    box-shadow: 0 0 15px #000;
}

 .img-show > img {
        height: 1500px;
        width: 1500px;
    }
.main {
    width: 100%;
    height: auto;
    margin-top: 177px;
  
}
.way {
    line-height: 70px;
    font-size: 14px;
    color: #999999;
    width: 100%;
    margin:0 auto;
}
.goods{
    background-color: #FFF;
    padding: 40px;
    margin: 0 auto;
    width: 100%;
    height:auto;
    position:relative;
    box-sizing:border-box;
}


.goods-img{
    float: left;
    width:60%;
}

.banner{width: 100%;height: auto;box-sizing: border-box;padding: 20px;}

/*´óͼ*/
.gallery-top{width:750px;height:750px;background: #ffffff;border-radius: 4px 4px 0 0;position: relative}
.gallery-top .arrow-left{  background: url('/cn/common/images/arrows_left.png') no-repeat left top;
  position: absolute;  left: 10px;  top: 50%;  margin-top: -15px;  width: 35px;  height: 35px;z-index: 10}
.gallery-top .arrow-right{  background: url('/cn/common/images/arrows_right.png') no-repeat left top;
  position: absolute;  right: 10px;  top: 50%;  margin-top: -15px;  width: 35px;  height: 35px;z-index: 10}
.gallery-top .swiper-container{width:750px;height: 750px;}
.gallery-top .pimg{width:100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.gallery-top .pimg .img{width:auto;height: auto;float: left;max-width: 100%;max-height: 100%}

/*Сͼ*/
.gallery-thumbs{width: 750px;height: 120px;background: #ffffff;box-sizing: border-box;padding: 20px 0;}
.gallery-thumbs .swiper-slide{width:110px;height: 100px;background-color: #ffffff;}
.gallery-thumbs .spimg{width:100px;height: 100px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 4px;overflow: hidden;}
.gallery-thumbs .spimg .img{width:auto;height: auto;max-width: 100%;max-height: 100%}
.gallery-thumbs .spimg::before{content:'';display: block;width: 100%;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;z-index: 2;}
.gallery-thumbs .active-nav .spimg::before{background-color: transparent}
.gallery-thumbs .active-nav .spimg{background-color: transparent;border: 2px solid #1e50a2;box-sizing: border-box;}
.gallery-thumbs .video::after{content:'';width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: url("/cn/common/images/icn_play.png");background-size: 40px 40px;background-position: center;background-repeat: no-repeat;}

.goods-info{

 width:40%;
}
.goods-name{
    font-size: 28px;
    line-height:30px;
    color: #333333;
    font-weight: bold;
    width: 100%;
}
.goods-id{
    font-size: 24px;
    font-weight: bold;
    color: #999999;
    margin: 22px 0 32px 0;
    width: 100%;
}
.goods-price{
    font-size: 20px;
    line-height: 36px;
    color: #e60012;
}
.goods-mess{
    margin: 46px 0 34px 0;
    font-size: 16px;
    line-height: 32px;
    color: #999999;
    width: 100%;
}
.goods-text{
    word-break: keep-all;
    width: 100%;
    margin-bottom: 40px;
    line-height: 32px;
    color: #333333;
}
.goods-btn a{
    float: left;
    width: 125px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 4px;
    /* border: #e60012 1px solid; */
    box-shadow: 0 0 4px #999999 ;
    line-height: 40px;
    text-align: center;
    color: #333 ; 
    margin-right:10px;
}

.goods-btn a:hover{
    background-color:#1e50a2;
    color: #fff ;
}

/* ÐÂÆ· */
.new-pro-title{
   
    font-size: 30px;
	font-weight: bold;
    color: #333333;line-height: 120px;
    width:100%;
    }
    .new-pro-title .more {
        display:block;
        float: right;
        color: #999999;
        line-height: 120px;
        font-size: 14px;
    }

    .pro-container {
        background-color: white;
        position: relative;
        border-radius: 6px;
        height: 400px;
        width: 100%
    } 
.pro-container .scroll-prev{
    
    position: absolute;
    top: 177px;
    left: -23px;
}
.scroll-prev,.scroll-next{
    cursor: pointer;
    z-index: 100;
}
.scroll-prev:hover,.scroll-next:hover{
    opacity: 0.8;
}
.pro-container .scroll-next{
    position: absolute;
    top: 177px;
    right: -23px;
}
.new-pro{
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    height: 360px;margin-top: 40px;
}  
.new-pro .swiper-wrapper {
width: 100%
}
.new-pro .swiper-wrapper .swiper-slide{ width: 226px;}
.spro{
    display: inline-block;
    width: 206px;
    box-sizing: border-box;
	height: 360px;
	background-color: #ffffff;
	border-radius: 4px;
    overflow: hidden;
}


.spro .pro-img{
    width: 208px;
    height: 208px;
    overflow: hidden;position:relative;border-radius: 4px;
    display:flex;
    align-items:center;
    align-content:center;
}
.spro  img{
    max-width: 208px;
    max-height: 208px;
    width:auto;
    height:auto;
}
.spro .pro-img.video::before{content:'';background-color: rgba(0,0,0,.5);width: 100%;height: 100%;border-radius: 4px;position: absolute;top: 0;left: 0;z-index: 2;background-image: url("../img/bofang.png");background-size: 45px;background-position: center;background-repeat: no-repeat;}
.spro .spro-name{
    margin:  14px 0;
    color: #333333;
}
.spro .spro-id{
    font-size: 14px;
    color: #999999;
}
.spro .spro-date{
    float: right;
}
.spro .spro-price{
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #e60012;
    width:100%
}
    .spro .spro-price .heart img {
        height: 20px;
        width: 22px;
        margin-top: 2px;
    }
    .spro .spro-btn .btn {
        cursor: pointer;
        float: left;
        border-radius: 4px;
        box-sizing: border-box;
        width: 98px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
    }
.spro .spro-btn .btn1{background:#e60012;color:#fff;margin-right:10px;}
.spro .spro-btn .btn2{background:#fff;color:#e60012;border:1px solid #e60012;}


.scroll-prev{left:-20px;}
.scroll-next{right:-20px;}
.item-btn{width:100%;}
.item-btn .btn {
        cursor: pointer;
        border-radius: 4px;
        box-sizing: border-box;
        width: 125px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
    }
.item-btn .btn1{background-color: #e60012;color: #FFFFFF;float: left;margin-right: 20px}
.item-btn .btn2{background-color: #FFFFFF;color: #e60012;border: 1px solid #e60012;}

.item-btn .btn:hover,.item-btn .btn:hover{
    transition-duration: .15s;
    color:#ffffff ;
    background-color:#e60012 ;
}

@media  (min-width: 1000px) and (max-width: 1540px){
    .goods-img{width:600px;}
    .gallery-top {
        width: 600px;
        height: 600px;
    }
        .gallery-top .swiper-container {
            width: 600px;
            height: 600px;
        }
    .img-l{width:600px;height:600px;}
    .img-show{left:640px;}
}