.slider{position:relative;height:8px;margin:5px 5px 20px 5px;border-radius:12px;border:1px solid #cfcfcf;background-color:#fff}.slider-handle{position:absolute;top:-7px;margin-left:-10px;z-index:2;display:block;width:20px;height:20px;cursor:pointer;border-radius:50%;border:1px solid #cfcfcf;background-color:#fff}.slider-handle:before{content:"";display:block;width:8px;height:8px;margin:5px;background-color:#446cb3;border-radius:50%}.slider-track{position:absolute;z-index:1;display:block;height:8px;margin:-1px 0;background-color:#446cb3;border-radius:10px}#dimmer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:none;background:#000;opacity:.85}.detail-img{z-index:8}