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 /* IE dos not support pointer events*/ 14 margin-left: 10px\9; 15 margin-top: 0px\9; 16} 17 18noindex:-o-prefocus, div.magnifierWrapper, 19svg.magnifierWrapper 20{ 21 margin-left: 10px; 22 margin-top: 0px; 23} 24 25div.magnifierWrapper:after, 26svg.magnifierWrapper:after 27{ 28 content: ''; 29 position: absolute; 30 top: 0px; 31 left: 0px; 32 right: 0px; 33 bottom: 0px; 34 35 background: url(images/magnifier.png) no-repeat left top; 36 37 -webkit-transform-origin: 18px 248px; 38 -moz-transform-origin: 18px 248px; 39 -o-transform-origin: 18px 248px; 40 -ms-transform-origin: 18px 248px; 41} 42 43div.magnifierWrapper div.magnifierContent, 44svg.magnifierWrapper rect.magnifierContent 45{ 46 position: absolute; 47 width: 252px; 48 height: 252px; 49 overflow: hidden; 50 51 top: 9px; 52 left: 58px; 53 54 border-radius: 126px; 55 background-repeat: no-repeat; 56 background-color: #666; 57} 58
