.loader {
    border:2px solid #f3f3f3;
    border-radius:50%;
    border-top:2px solid #b7b7b7;
    width:10px;
    height:10px;
    display:block;
    position:absolute;
    right:44px;
    top:9px;
    -webkit-animation:spin 0.5s linear infinite;
    animation:spin 0.5s linear infinite;
}
@-webkit-keyframes spin {

    0% { -webkit-transform:rotate(0deg); }

    100% { -webkit-transform:rotate(360deg); }

}
@keyframes spin {

    0% { transform:rotate(0deg); }

    100% { transform:rotate(360deg); }

}
/* Loading  In  Products */

.popupContainer {
    width:100%;
    float:left;
    display:block;
    position:absolute;
    height:100%;

    /* background: #fff; */
    z-index:9;
    background:rgba(0, 0, 0, 0.5);
}
.popupContainer > .loader {
    border:2px solid #f3f3f3;
    border-radius:50%;
    border-top:2px solid #b7b7b7;
    width:50px;
    height:50px;

    /*display: block;*/

    /* position: absolute; */

    /* right: 44px; */

    /* top: 9px; */
    -webkit-animation:spin 0.5s linear infinite;
    animation:spin 0.5s linear infinite;
    position:fixed;
    top:40%;
    left:47%;
}
/* main Image */

.image-container .loader {
    right:50%;
    top:49%;
}
#loadMainImage {
    z-index:9
}
/* Thumbnails */

.thumbnail > .loader {
    right:47%;
    top:44%;
    z-index:9
}