.magnify {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

  /* magnifying glass overlay */
.glass {
    z-index:9000; /* always on top? */
    width: 262.5px; height: 262.5px;
    position: absolute;
    border-radius: 100%;
    background-repeat:no-repeat;
    background-color:white;
    
     /*-webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);*/

    /* Multiple box shadows to achieve the glass effect*/
    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);
    
    /*hide the glass by default*/
    display: none;
}