.ole-zoom-slider {
    position: absolute;
    top: 20px;
    left: 20px;
    .ole-zoom-slider-translate-content {
        width: 44px;
        height: 44px;
        overflow: hidden;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-image: url("./images/slider.png");
        .ole-zoom-slider-button {
            position: absolute;
            height: 15px;
            width: 15px;
        }
        .ole-zoom-slider-translate-n {
            left: 14px;
            top: 0;
            &:hover {
                cursor: pointer;
                .ole-zoom-slider-translate-content {
                    background-position: 0px -44px;
                }
            }
        }
        .ole-zoom-slider-translate-s {
            left: 14px;
            top: 25px;
            &:hover {
                cursor: pointer;
                .ole-zoom-slider-translate-content {
                    background-position: 0px -132px;
                }
            }
        }
        .ole-zoom-slider-translate-w {
            left: 1px;
            top: 12px;
            &:hover {
                cursor: pointer;
                .ole-zoom-slider-translate-content {
                    background-position: 0px -176px;
                }
            }
        }
        .ole-zoom-slider-translate-e {
            left: 27px;
            top: 12px;
            &:hover {
                cursor: pointer;
                .ole-zoom-slider-translate-content {
                    background-position: 0px -88px;
                }
            }
        }
    }
    .ole-zoom-slider-content {
        text-align: center;
        height: 130px;
        top: 25px;
        position: relative;
        .ole-zoom-slider-zoom-in {
            position: absolute;
            top: -19px;
            width: 22px;
            height: 21px;
            left: 12px;
            overflow: hidden;
            background-position: 0px -221px;
            background-image: url("./images/slider.png");
            background-repeat: no-repeat;
            &:hover {
                background-position: 0px -243px;
                cursor: pointer;
            }
        }
        .ole-zoom-slider-zoom-out {
            position: absolute;
            bottom: -20px;
            width: 22px;
            height: 21px;
            left: 12px;
            overflow: hidden;
            background-position: 0px -265px;
            background-image: url("./images/slider.png");
            background-repeat: no-repeat;
            &:hover {
                background-position: 0px -287px;
                cursor: pointer;
            }
        }
        .ole-zoom-slider-zoom-slider {
            .slider-background-top {
                position: absolute;
                height: 100%;
                left: 18px;
                width: 10px;
                overflow: hidden;
                background: url("./images/slider.png") no-repeat -23px -226px;
            }
            .slider-background-bottom {
                position: absolute;
                height: 100%;
                width: 10px;
                left: 19px;
                bottom: 0px;
                overflow: hidden;
                background: url("./images/slider.png") no-repeat -33px bottom;
            }
            .slider-bar {
                position: absolute;
                left: 13px;
                height: 11px;
                width: 19px;
                overflow: hidden;
                background: url("./images/slider.png") no-repeat 0 -309px;
            }
        }
    }
}