#slideshow{width:100%;height:100vh;margin:100px auto;position:relative;overflow:hidden}#slideshow.fullscreen{position:absolute;top:0;left:0;z-index:111111111;width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.img-wrapper{min-width:100%;min-height:100%;height:100vh;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;overflow:hidden;z-index:8;background-size:cover;background-position:center center}#slideshow .img-wrapper.active{z-index:10}.thumbs-container{width:100%;height:140px;position:absolute;left:0;bottom:0;z-index:11}.next{width:3%;position:absolute;min-width:40px;height:48px;z-index:1111111111;top:40%;color:#999;cursor:pointer}.prev{left:2%}.next{right:2%}.prev{float:left}.next{float:right}.next:hover,.prev:hover{color:#555}ul.thumbs{top:0;height:auto;max-width:1200px;padding:0;margin:auto;overflow:hidden;white-space:nowrap;text-align:center}.thumb{display:inline-block;width:140px;height:80px;margin-right:30px;overflow:hidden;border:1px solid #000;overflow:hidden;background-size:cover;background-position:center center;cursor:pointer}.thumb:last-of-type{margin-right:0}.thumb.active{border:1px solid #fff}.prev{width:3%;position:absolute;min-width:40px;height:48px;z-index:1111111111;top:40%;color:#999;cursor:pointer}