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}