.slider{position:relative}.slider .picture{position:relative;width:100%}.slider .picture img{display:block;width:100%}.slider .picture .caption{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.slider .picture .hotspot{position:absolute!important;width:10px;height:10px;border:1px solid #ccc;border-radius:50%;background-color:#fff;cursor:pointer}.slider .picture .hotspot:after{content:'';position:absolute;top:-4px;left:-4px;display:block;width:16px;height:16px;border:2px solid #000;border-radius:50%;opacity:.5}.slider .hotspot-content-container{position:absolute;top:20px;right:20px;bottom:20px;background-color:#fff}.slider .hotspot-content-container .hotspot-content{max-width:200px}