.fpf-slider{margin:20px auto;height:8px;background:hsla(0,0%,100%,.7);width:600px}.fpf-slider,.fpf-slider .thumbnail{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.fpf-slider .thumbnail{left:-17px;-webkit-transform:translate3d(0,50px,0) scale(.1);-moz-transform:translate3d(0,50px,0) scale(.1);-o-transform:translate3d(0,50px,0) scale(.1);-ms-transform:translate3d(0,50px,0) scale(.1);transform:translate3d(0,50px,0) scale(.1);display:none;z-index:10000;position:absolute;top:-100px;height:85px;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;-ms-transition:-ms-transform .5s;transition:transform .5s;background:rgba(0,0,0,.5);width:115px}.no-transition{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}.fpf-slider .thumbnail div{margin:7px;height:70px;background-color:#fff;width:100px}.fpf-slider .ui-state-hover .thumbnail{opacity:0;display:block}.fpf-slider .ui-state-active .thumbnail{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);display:block}.ui-state-disabled{cursor:default!important}.fpf-slider .ui-widget-overlay{left:0;position:absolute;top:0;height:100%;width:100%}.fpf-slider .ui-slider{text-align:left;position:relative}.fpf-slider .ui-slider-handle{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;z-index:0;cursor:default;position:absolute;height:8px;width:80px}.fpf-slider .ui-slider-horizontal{margin-left:39px;height:8px;width:520px}.fpf-slider .ui-slider-horizontal .ui-slider-handle{margin-top:-1px;margin-left:-40px}.fpf-slider .ui-slider-handle{opacity:.8;border:1px solid #fff;display:block;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;background-color:#000}.fpf-slider .ui-state-hover{opacity:.8}.fpf-slider .ui-state-active{opacity:1}