/*Some CSS*/ .magnify { position: relative;}

/*Lets create the magnifying glass*/ .XXmagnify-inner-wrapper, .magnify-large {

width: 275px; height: 275px;
position: absolute;
border-radius: 100%;

/*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);

/*Lets load up the large image first*/
background-color:  white;
background: url('http://thecodeplayer.com/uploads/media/iphone.jpg') no-repeat;

/*hide the glass by default*/
display: none;

} .XXmagnify-inner-wrapper {

background: #ffffff;

}

/*To solve overlap bug at the edges during magnification*/ .small, .magnify img {

display: block;

}