.show {
  width: 500px;
  height: 500px;
  margin: auto;
}

.small-img {
  width: 475px;
  height: 120px;
  position: relative;
  left: 0;
  margin: 50px 0 0 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);
  left: 0;
}

.small-img .icon-right { right: 0; }

.small-img .icon-left:hover, .small-img .icon-right:hover { opacity: .5; }

.small-container {
  width: 100%;
  height: 120px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.small-container div {
  width: 800%;
  position: relative;
}

.small-container .show-small-img {
  width: 120px;
  height: 120px;
  margin-right: 15px !important;
  cursor: pointer;
  float: right;
}

@media (max-width: 767.98px) {
  .small-container .show-small-img {
    height: 75px;
    width: 75px;
  }
}

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

.show-small-img[alt="now"] {
  border: 3px solid #E1A294 !important;
  padding: 0 !important;
  border-radius: 4px;
}