*{

  margin: 0;

  padding: 0;

  box-sizing: border-box

}

#show{

  width: 100%;

  height: 400px;

  z-index: 99;
  
  /* 
    border-radius: 8px;
    overflow: hidden; */

}

#show-img { width: 100%; height: 400px;z-index: 999999; border-radius: 8px; object-fit: contain;}

.small-img{

  width: 100%;

  height: 70px;

  margin-top: 10px;

  position: relative;

}

.small-img .icon-left, .small-img .icon-right{

  width: 10px;

  height: 18px;

  cursor: pointer;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto 0;

}

.small-img .icon-left{

  transform: rotate(180deg)

}

.small-img .icon-right{

  right: 0;

}

.small-img .icon-left:hover, .small-img .icon-right:hover{

  opacity: .5;

}

.small-container{

  width: 90%;

  height: 70px;

  overflow: hidden;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.small-container div{

  width: 800%;

  position: relative;

}



.small-container .show-small-img{
  border-radius: 6px;
  width: 70px;
  height: 70px;
  margin-right: 6px;
  cursor: pointer;
  object-fit: contain;
  float: left;
}

.small-container .show-small-img:last-of-type{

  margin-right: 0;

}