.Magic360 { padding: 0 !important; outline: 0 !important; display: inline-block; box-sizing: border-box; font-size: 0 !important; line-height: 100% !important; max-width: 100%; }.Magic360.desktop.zoom-in { cursor: url(graphics/zoomin.cur), pointer; }.Magic360 img { border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto; }.Magic360 > img { width: 100%; }.Magic360-loading-box { color: #000; background: rgba(255, 255, 255, 0.4); border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 6px; line-height: 10pt; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; text-decoration: none; text-align: left; padding: 10px; margin: 0; width: 220px; max-width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; cursor: default; }.Magic360-progress-text { max-width: 100%; margin-bottom: 10px; }.Magic360-progress-bar { overflow: hidden; padding: 0; background: #fff; background-image: none; background: rgba(197, 197, 197, 0.6); border: 1px solid #ffffff; border: 1px solid rgba(204, 204, 204, 0.6); border-radius: 6px; max-width: 100%; }.Magic360-progress-bar-state { width: 20%; height: 10px; padding: 0; background-image: linear-gradient(90deg, #c5c5c5 0%, #ffffff 100%); border-right: 1px solid rgba(255, 255, 255, 0.8); border-radius: 6px; transform: translate3d(0, 0, 0); }.Magic360-loading-box-fs { left: auto; top: auto; transform: none; }.Magic360-fullscreen .Magic360-loading-box { background: transparent; border: 0; font-size: 7pt; line-height: 8pt; width: 100%; bottom: 10px; padding: 0; margin: 0; }.Magic360-fullscreen .Magic360-progress-text { line-height: 9pt; text-indent: 6px; position: absolute; top: 0; margin: 0 !important; }.Magic360-fullscreen .Magic360-progress-bar { width: 70%; margin: 0 auto; }.Magic360-fullscreen .Magic360-progress-bar-state { height: 11px; background: #fff; background-image: linear-gradient(90deg, #c5c5c5 0%, #ffffff 100%); }@keyframes m360-progress-state { from { margin-left: -10%; } to { margin-left: 90%; } }.Magic360-progress-bar-state.bar-state-unknown { margin-left: -10%; animation: m360-progress-state 3s linear 0s infinite alternate; }.Magic360 .magnifier { box-shadow: 0 0 10px #ccc; border-collapse: separate; background-color: #fff; }.Magic360.desktop .magnifier.inner { cursor: url(graphics/zoomout.cur), pointer; }.Magic360 .magnifier.circle,.Magic360 .magnifier.square { cursor: none; }.Magic360-button { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; font-size: 0; height: 60px; line-height: 0; padding: 0; position: absolute; width: 60px; }.desktop .Magic360-button { height: 40px; width: 40px; opacity: 0.7; transition: opacity 0.2s linear; }.desktop .Magic360-button:hover { opacity: 1.0 !important; }.Magic360-button.fullscreen { background-image: url(graphics/buttons01.png); background-position: 0 0; top: 15px; right: 15px; z-index: 10; }.Magic360-fullscreen .Magic360-button.fullscreen { display: none; }.Magic360-button.fullscreen-exit { background-image: url(graphics/buttons01.png); background-position: -60px 0; right: 15px; top: 15px; z-index: 20; }@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .Magic360-button { height: 40px; width: 40px; } .Magic360-button.fullscreen { background-position: -120px 0; } .Magic360-button.fullscreen-exit { background-position: -160px 0; } }.Magic360-box { text-align: center !important; max-width: 100%; }.Magic360-box .Magic360 { display: inline-block !important; vertical-align: middle; }.lt-ie7-magic .Magic360-box .Magic360 { width: auto !important; }.Magic360-box.desktop .Magic360-button.fullscreen { background-position: -120px 0; }.Magic360-fullscreen.desktop .Magic360-button.fullscreen-exit { background-position: -160px 0; }.Magic360-fullscreen { background: #fff; }.Magic360-fullscreen:-webkit-full-screen { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; -webkit-backface-visibility: hidden !important; }.Magic360-fullscreen:-ms-fullscreen { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }.Magic360-fullscreen:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }.Magic360-fullscreen .Magic360 { display: inline-block !important; vertical-align: middle; }.Magic360-wait { background-color: #fff; background-position: center; background-repeat: no-repeat; cursor: default; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0.6; }.Magic360-message { background-color: #FFFFFF; background-image: none; border: 1px solid #AAAAAA; display: block; font-size: 10px; color: #000; overflow: hidden; padding: 6px; position: absolute; text-align: center; top: 50%; width: 33%; left: 33%; z-index: 100; box-shadow: 0 0 10px #000; border-collapse: separate; border-radius: 15px; }.Magic360-fullscreen .Magic360-message { font-size: 18px; background-color: #000; border-color: #ccc; color: #fff; top: 15px; }.Magic360 .Magic360-hint { color: #333; opacity: 0.6; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13pt; line-height: 13pt; display: inline-block; overflow: hidden; text-align: center; vertical-align: middle; padding: 12px 0; width: 174px; max-width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: transparent; background-image: linear-gradient(90deg, #c5c5c5 0%, #ffffff 100%); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 15px; box-shadow: 0 0 4px #222; }.Magic360 .Magic360-hint .hint-side, .Magic360-hint-side { background-image: url(graphics/hint-01.png); background-color: transparent; background-repeat: no-repeat; display: block; position: absolute; top: 0; height: 100%; width: 60px; padding: 0; max-width: 60px; }.Magic360 .Magic360-hint .hint-side.left { background-position: 0 50%; left: 5px; }.Magic360 .Magic360-hint .hint-side.right { background-position: -60px 50%; right: 5px; }.Magic360 .Magic360-hint .hint-text { width: 40%; }.magic-temporary-img img { max-height: none !important; max-width: none !important; }.hotspot-pointer { display: inline-block; position: absolute; width: 25px; height: 25px; cursor: pointer; background-repeat: no-repeat; }.hotspot-pointer.d1 { background-image: url(graphics/hotspot1.png); }.hotspot-pointer.d2 { background-image: url(graphics/hotspot2.png); }.hotspot-pointer.d2 { background-image: url(graphics/hotspot3.png); }.hotspot-box { position: absolute; z-index: 10000; padding: 20px; background: #fff; box-shadow: 0px 0px 2px 2px #888888; border-collapse: separate; border-radius: 4px; }.hotspot-box .b-close { width: 24px; height: 24px; background: url(graphics/hotspot-close.png) no-repeat; position: absolute; right: -8px; top: -8px; cursor: pointer; }.Magic360 { overflow: visible !important; }.Magic360.desktop.zoom-in { cursor: url(/static/img/zoom.png), pointer; }.Magic360-loading-box { z-index: 11000; }.dialog-main.multiRow { padding-bottom: 75px; background: #ffffff url(/static/img/threesixty-icons-small.png) bottom 10px right 10px no-repeat; }.dialog-main.singleRow { padding-bottom: 72px; background: #ffffff url(/static/img/threesixty-icons-singlerow-small.png) bottom 10px right 10px no-repeat; }.Magic360.desktop .magnifier.inner { cursor: url(/static/img/zoom.png), pointer; }.Magic360-box { overflow: hidden !important; }.hotspot-box { z-index: 15000; }.Magic360 .magnifier { cursor: url(/static/img/transparentCursor.png), auto !important; }.Magic360-progress-bar-state { width: 20%; height: 10px; padding: 0; background-image: linear-gradient(90deg, #316700 0%, #7cae00 100%); border-right: 1px solid rgba(255, 255, 255, 0.8); border-radius: 6px; transform: translate3d(0, 0, 0); }