
.left.product-image.thumbnails .show{
    /*  width: 550px;
    height: 650px;*/
    z-index: 999;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-bottom: 20px;
}
.left.product-image.thumbnails #show-img { max-width: 100%; width: auto !important; height: auto !important;border-radius: 20px; }

.small-img{
  width: 100%;
    height: auto;
    position: relative;
    left: 0;
    margin: 0 auto;
    text-align: center;
    
}
.left.product-image.thumbnails .show:hover {
    cursor: crosshair;
}
.small-img .icon-left, .small-img .icon-right{
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
      z-index: 99;
}
.small-img .icon-left{
    transform: rotate(180deg);
    left: 0;
}
.small-img .icon-right{
     transform: rotate(0deg);
    right: 0;
}
.small-img .icon-left:hover, .small-img .icon-right:hover{
  opacity: .5;
}
.small-container{
  width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    /*top: 35px;*/
}
.small-container div{
  width: 100%;
  position: relative;
}

.small-container .show-small-img{
    width: 100px;
    height: 105px;
    margin: 3px;
    cursor: pointer;
    /*float: left;*/
    border: 1px solid #ccc;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}

@media screen and (max-width:1366px){
    .left.product-image.thumbnails .show {
        /*width: 100%;
        height: 100%;*/
        z-index: 999;
    }
}
@media screen and (max-width:600px){
    .small-container .show-small-img {
        width: 50px;
        height: 50px;
    }
    .small-img .icon-left {
        transform: rotate(180deg);
        top: 19px;
        bottom: inherit;
        left: inherit;
        right: 0;
        margin: 0;
        position: absolute;
    }
    .small-img .icon-right {
        transform: rotate(0);
        top: 19px;
        bottom: inherit;
        left: initial;
        right: 0 !important;
        margin: 0;
        position: absolute;
    }
    .small-container {
        width: 90%;
        margin: 0 auto;
    }
    .small-img {
        top: 7px;
    }
}
