*{
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

/* .show {
  width: 400px;
  height: 400px;
} */

.small-img {
  width: 100%;
  height: 100%;
  /* margin-top: 10px; */
  position: relative;
  /* left: 25px; */
}

.small-img .icon-left, .small-img .icon-right {
  width: 12px;
  height: 24px;
  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: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.small-container::-webkit-scrollbar {
  width: 5px;
  background:rgba(211, 211, 211, 0.007);
}
.small-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 255, 0.007);
  border-radius: 15px;
}
.small-container::-webkit-scrollbar-thumb {
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.007);
  background:rgba(0, 255, 255, 0);
}
/*
.small-container::-webkit-scrollbar {
  display: none;
}
.small-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.small-container div {
  width: 800%;
  position: relative;
}
*/
.small-container .show-small-img {
  width: 100%;
  height: auto;
  /* margin-right: 6px; */
  cursor: pointer;
  float: left;
}

.small-container .show-small-img:last-of-type { margin-right: 0; }