*{
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
.show{
  width: 450px;
  height: 411px;
  padding-left: 24px;
}
#show-img {width: 450px; height: 465px;}
.small-img{
  width: 100px;
  height: 600px;
  position: absolute;
}
.small-img .icon-left, .small-img .icon-right{
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: none;
}
.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: 125px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
}
.small-container div{
  width: 100px;
  position: revert;
  display: inline;
  float: left;
}

.small-container .show-small-img{
  width: 100px;
  height: 100px;
  cursor: pointer;
  margin-bottom: 20px;
  float: left;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}

#big-img
{   
z-index: 9999 !important;}



@media only screen and (max-width: 479px){
	

.show{
width: 100%;
height: 400px;
padding-left: 0px;
margin-top:-80px !important;
}

#show-img {width:100% !important; height:384px !important; }

.small-img{
width: 350px;
height: 70px;
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: 306px;
height: 70px;
overflow: hidden;
position: absolute;
left: -23px;
right: 0;
margin: 0px 5px 11px 0px;
bottom: -347px;
z-index:99999;
}
.small-container div{
width: 100%;
position: relative;
}

.small-container .show-small-img{
width: 70px;
height: 70px;
margin-right: 8px;
cursor: pointer;
float: left;
}
.small-container .show-small-img:last-of-type{
margin-right: 0;
}

	.small-container {
bottom: -480px !important;
z-index: 99999;
}
	
	}
	
	
	