*{
    margin: 0;padding: 0;box-sizing: border-box;
}
.container{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
margin: 50px;
}

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

.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: 0.5;
}

.small-container{
    width: 310px;
    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;
}