body { left:0px; top:0px; margin:0px; height: 100%; cursor: none; } img{ max-width: 100%;height: auto;width: auto\9; /* ie8 */} .hover { cursor: none; } .logo { cursor: pointer; } .box { position:absolute; left:0; top:0; -webkit-box-shadow: 10px 10px 5px 0px rgba(173,173,173,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(173,173,173,0.75); box-shadow: 10px 10px 5px 0px rgba(173,173,173,0.75); display:none; margin:0; padding:0; background:#fff; float:left; width:27%; } html.magnifying > body { overflow-x: hidden !important; } .magnify, .magnify > .magnify-lens, .magnify-mobile, .lens-mobile { /* Reset */ min-width: 0; min-height: 0; animation: none; border: none; float: none; margin: 0; opacity: 1; outline: none; overflow: visible; padding: 0; text-indent: 0; transform: none; transition: none; } .magnify { position: relative; width: auto; height: auto; box-shadow: none; display: inline-block; z-index: inherit; } .magnify > .magnify-lens { /* Magnifying lens */ position: absolute; width: 200px; height: 200px; border-radius: 100%; background: url(../images/SIP_hotair_curser.gif) /* Multiple box shadows to achieve the glass lens 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);*/ cursor: none; /*display: none;*/ z-index: 99; } .magnify > .magnify-lens.loading { background: #333 !important; opacity: 0.8; } .magnify > .magnify-lens.loading:after { /* Loading text */ position: absolute; top: 50%; left: 0; width: 100%; color: #fff; content: 'Loading...'; font: italic normal 16px/1 Calibri, sans-serif; letter-spacing: 1px; margin-top: -8px; text-align: center; text-shadow: 0 0 2px rgba(51, 51, 51, 0.8); text-transform: none; }