/*ProductImageContaine*/
.ProductImageContaine {
    position: relative;
    height: 310px;
    margin: 0;
    /*background: #fff;*/
}
    /*imageOverlay*/
    .ProductImageContaine .imageOverlay {
        position: absolute;
        /*z-index: 20;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.imageOverlay {
    /*background-color: rgba(167, 167, 167, 0.08);*/
    background-color: rgba(167, 167, 167, 0);
}

    .imageOverlay:hover {
        background-color: rgba(167, 167, 167, 0.08);
    }

/*ImageDiv*/
.ProductImageContaine .ItemContainerDiv .ImageDiv {
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    position: absolute;
}

    .ProductImageContaine .ItemContainerDiv .ImageDiv img {
        max-width: 100%;
        max-height: 100%;
        opacity: 0;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }


/*fadeImage PreloadImage currentImage*/
.fadeImage {
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}

.PreloadImage {
    opacity: 1 !important;
}

.currentImage {
    opacity: 1 !important;
}