﻿.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideshowDefaultButton {
    opacity: 1;
}

.mb_ImageUploader_SlideshowDefaultButton {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    background-image: url(/Modules/Common/ImageUploader/images/navigation.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: none;
    top: 50%;
    z-index: 2;
}

.mb_ImageUploader_SlideshowDefaultButton--Next {
    background-position: right top;
    right: -36px;
    transition: right .55s ease-in-out;
}

    .mb_ImageUploader_SlideshowDefaultButton--Next:hover {
        background-position: right bottom;
    }

.mb_ImageUploader_SlideshowDefaultButton--Previous {
    background-position: left top;
    left: -36px;
    transition: left .55s ease-in-out;
}

    .mb_ImageUploader_SlideshowDefaultButton--Previous:hover {
        background-position: left bottom;
    }

.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideshowDefaultButton--Previous {
    left: 0;
    transition: left .55s ease-in-out;
}

.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideshowDefaultButton--Next {
    right: 0;
    transition: right .55s ease-in-out;
}
