*{
margin: 0;
padding: 0;
box-sizing: border-box
}
.show{
width: 100%;
height:420px;
float: left;
background-color: #fff;
margin: 0px 0px 5px 0px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.show div
{
z-index:1; 
background-color:#f8f8f8;
}
#show-img 
{
width: 100%;
height: 100%;
margin: 0 auto;
padding:0px;    
}
.small-img{
width:100%;
height: 70px;
float:left;
margin-top: 10px;
position: relative;
left: 0px;
}
.small-img .icon-left{
width: 12px;
height: 24px;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 1;
left: -24px;
}
.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: 70px;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.small-container div{
width: 800%;
position: relative;
}

.small-container .show-small-img{
width: 70px;
height: 70px;
margin-right: 6px;
cursor: pointer;
float: left;
}
.small-container .show-small-img:last-of-type{
margin-right: 0;
}