*{
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
.show{
  width: 400px;
  height: 400px;
  border-bottom:1px solid #d6d6d6;
}
#show-img { width: 400px; height: 400px; }
.small-img{
  width: 100%;
  height: auto;
  margin-top: 10px;
  position: relative;
    
}
.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: 50%;
  height: auto;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.small-container div{
  width: 100%;
  position: relative;
}

.small-container .show-small-img{
  width: 70px;
  height: 70px;
  margin-right: 1%;
  
display: block;
  cursor: pointer;
  border:1px solid #d6d6d6;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}
@media only screen and (max-width:768px) {
	.padimg{max-width: 100%;}
	.sktit{font-size:20px;}
	.sktitb{margin:1px 1px 25px 1px;
	font-size:20px;padding-top: 1px;}
	.pdtsmtl{font-size:19px;}
}
.btsoc a:focus, .btsoc a:hover, .btsoc a:active {
  color: #ff3d39;
}
#small-img-roll{ display: flex;
flex-direction: row;
justify-content:  space-around;
}
@media only screen and (max-width:1280px) {
.small-container{
  width: 74%;
 }  
}
@media (max-width: 520px) {
.pzpimg {
 border-bottom: 1px solid #f3f3f3;}
}
@media only screen and (max-width: 992px){
.small-container {
  width: 48%;
}
}
.sz-slider > .carousel-indicators.sz-thumbnails li {
  opacity: 1;
width: 70px;}