/* Image Zoom CSS */
.magnify {
        position: relative;
        display: inline-block;
}

.magnify .magnify-lens {
        position: absolute;

        /* Multiple box shadows to achieve the glass lens effect */
        -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        cursor: none;

        display: none;
        z-index: 100;
}

.magnify .magnify-lens.loading {
        background: none !important;
}

.magnify .magnify-lens.loading:after {
        /* Loading text */
        position: absolute;
        top: 43%;
        left: 0;
        width: 100%;
        color: #fff;
        content: 'Loading...';
        font: italic normal 16px/1 Calibri, sans-serif;
        text-align: center;
        text-shadow: 0 0 2px rgba(51, 51, 51, .8);
}

/* Custom per page */
/*[id*='imgzoom'] {
    position: relative;
    top: 0;
    left: 350px;
    margin-bottom: 40px;
}*/

.magnify { 
    /*width:480px; 
    margin:30px auto;*/
}

.magnify-image {
    position: relative;
    top: 0;
    left: 0;
    /* Constricts the size of the current image to be zoomed */
    min-width: 275px; 
    /*max-width: 480px;
    width: 100%;*/
}