.main {
  max-width: 1100px;
  margin: 0 auto;
}

.productTitle {
  margin-top: 50px;
  margin-bottom: 60px;
  overflow: hidden;
}

.productInfo {
  display: flex;
}
.productInfo .left {
  width: 500px;
}
.left .banner {
  width: 500px;
  height: 333px;
}
.left .selectImg {
  height: 50px;
}
.left .selectImg img {
  width: 50px;
  cursor: pointer;
}
.text2 {
  margin-top: 90px;
}

.right .price {
  margin-bottom: 40px;
}
.right .add {
  margin: 0 auto;
  height: 40px;
  border-radius: 3px;
  color: #ffffff;
  background-color: rgb(49, 130, 181);
  border-width: 0;
  text-align: center;
  line-height: 40px;
}
.right .chunk {
  position: relative;
}

.productInfo .right {
  width: 380px;
  margin-left: 20px;
}

.video {
  width: 520px;
  height: 333px;

}
.chunk{display: block;}
.chunk2{display: block;}
@media screen and (max-width: 768px) {
  .productInfo{
    display: block;
  }
  .main{width: 100%;clear: both}
  .productInfo .left {
    width:98% ;
    margin: 0 auto !important;
    clear: both;

  }
  .productInfo .right {
    width: 98%;
    margin: 20px auto;

  }
  .productInfo .right h2{display: none;}
    /* .main {
     background-color: lightblue;
   } */
  .product_info {
    /* flex-wrap: nowrap !important; */
  }
  .product_info > div {
    width: 80% !important;
    margin-right: none;
    margin: 0 auto;
  }
  .chunk{display: none;}
  .chunk2{display: block;}
  .left .banner {
    width: 400px !important;
  }
  .video {
    width: 100% !important;
  }
  .right {
    display: 100% !important;
  }
}

.bigtlink{margin-top:-5px;padding: 5px 10px;background: #FF0000;color: #fff;font-size: 14px;text-align: center;border-radius: 9px;}
.bigtlink a:hover{color: #fff;text-decoration: none;}

.product_info {
  display: flex;
  flex-wrap: wrap;
  min-height: 200px;
  color:#898989;
}
.product_info > div {
  position: relative;
}
.product_info > div {
  width: 25%;
  min-height: 200px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-top: 30px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.item1_down {
  width: 100%;
  position: absolute;
  display: none;
  bottom: 40px;
  height: 40px;
  background-color: rgb(240, 235, 174);
  opacity: 0.5;
}
.product_info > div img {
  width: 100%;
}



/*图片*/

/* 垂直居中 */
.small-img{
  display: flex;
  align-items:center;
  justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
  width: 400px;
  position: relative;
  z-index: 8888;
}
.magnifier-container{
  width: 400px;
  height: 400px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  z-index: 8866;
}
.move-view{
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 8866;
  background-image: url('../images/move-box.png');
}
.images-cover{
  height: 100%;
  width: 100%;
  position: relative;
}
.images-cover img{
  position: absolute;
}
.magnifier-assembly{
  height: 92px;
  overflow: hidden;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.magnifier-btn{
  position: absolute;
  font-family: "宋体";
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -40px;
}
.magnifier-btn span{
  line-height: 80px;
  height: 80px;
  width: 20px;
  background-color: #6e6e6e;
  color: #fff;
  display: block;
  z-index: 8888;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
  float: left;
}
.magnifier-btn .magnifier-btn-right{
  float: right;
}
.magnifier-line{
  position: relative;
  overflow: hidden;
  height: 92px;
}
.magnifier-line ul{
  display: block;
  font-size: 0;
  width: 10000%;
  position: absolute;
  left: 0;
  z-index: 8857;
}
.magnifier-line li{
  float: left;
  width: 100px;
  cursor: pointer;
}
.magnifier-line ul > .active .small-img{
  border-color: #bbb;
}
.small-img{
  height: 78px;
  padding: 1px;
  margin: 5px;
  overflow: hidden;
  border: 1px solid #ddd;
  text-align: center;
}
.small-img img{
  max-width: 100%;
  max-height: 100%;
}
.magnifier-view{
  width: 100%;
  height: 100%;
  position: absolute;
  right: -105%;
  top: 0;
  z-index: 9966;
  background-color: #fff;
  display: none;
  overflow: hidden;
}
.magnifier-view img{
  display: block;
}
.animation03{
  transition: all 0.3s ease-in 0.1s;
  -ms-transition: all 0.3s ease-in 0.1s;
  -moz-transition: all 0.3s ease-in 0.1s;
  -webkit-transition: all 0.3s ease-in 0.1s;
  -o-transition: all 0.3s ease-in 0.1s;
}