.product-slider .container{width:40%;height:400px;border:1px solid #ccc;margin:auto;position:relative;box-shadow:0 0 2px #a3a3a3}.product-slider .container .slider{width:100%;height:100%;position:relative;overflow:hidden}.product-slider .container .slider .images img{width:100%;height:100%;position:absolute;cursor:pointer;z-index:0;left:0;opacity:0}.product-slider .container .slider .images img.show{z-index:1;opacity:1;animation:imageAnimateOpacity 1s ease}@keyframes imageAnimateRotate{from{transform:rotate(180deg);width:0%;height:0%;left:50%;top:50%}to{transform:rotate(360deg);width:100%;height:100%;left:0;top:0}}@keyframes imageAnimateOpacity{from{opacity:0}to{opacity:1}}@keyframes imageAnimateScale{from{opacity:0;transform:scale(.5,.5)}to{opacity:1;transform:scale(1.2,1.2)}}.container .rightArrow,.product-slider .container .leftArrow{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;cursor:pointer;background-color:#003232;border-radius:100%;font-weight:700;font-size:20px;color:#fff;top:45%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.product-slider .container>span:hover{background-color:#066c6c;transition:.2s}.product-slider .container .leftArrow{left:-40px;animation:leftArrow .5s ease}@keyframes leftArrow{from{left:0;opacity:0}to{opacity:1;left:-40px}}.product-slider .container .rightArrow{right:-40px;animation:rightArrow .5s ease}@keyframes rightArrow{from{opacity:0;right:0}to{opacity:1;right:-40px}}.product-slider .circle{margin-top:20px;text-align:center}.product-slider .circle span{display:inline-block;margin:5px;padding:5px;border:2px solid silver;box-shadow:0 0 1px silver;border-radius:100%;cursor:pointer}.product-slider .btnShow{border:2px solid gray!important;background-color:gray}.product-slider .container .slider>img{position:absolute;bottom:0;right:0;width:25px;height:25px;z-index:3;cursor:pointer;background-color:#fff;opacity:.7}@media screen and (max-width:800px){.container{width:85%}}