1div.magnifierWrapper, 2svg.magnifierWrapper 3{ 4 position: absolute; 5 width: 320px; 6 height: 270px; 7 8 margin-left: -20px; 9 margin-top: 20px; 10 11 pointer-events: none; 12} 13 14noindex:-o-prefocus, div.magnifierWrapper, 15svg.magnifierWrapper 16{ 17 margin-left: 10px; 18 margin-top: 0px; 19} 20 21div.magnifierWrapper:after, 22svg.magnifierWrapper:after 23{ 24 content: ''; 25 position: absolute; 26 top: 0px; 27 left: 0px; 28 right: 0px; 29 bottom: 0px; 30 31 background: url(images/magnifier.png) no-repeat left top; 32 33 -webkit-transform-origin: 18px 248px; 34 -moz-transform-origin: 18px 248px; 35 -o-transform-origin: 18px 248px; 36 -ms-transform-origin: 18px 248px; 37 transform-origin: 18px 248px; 38} 39 40div.magnifierWrapper div.magnifierContent, 41svg.magnifierWrapper rect.magnifierContent 42{ 43 position: absolute; 44 width: 252px; 45 height: 252px; 46 overflow: hidden; 47 48 top: 9px; 49 left: 58px; 50 51 border-radius: 126px; 52 background-repeat: no-repeat; 53 background-color: #666; 54} 55 56svg.magnifierWrapper { 57 /* The calculations are a bit off so it needs this */ 58 overflow: visible !important; 59}