/* Magic Zoom Plus v4.5.41 Copyright 2015 Magic Toolbox Buy a license: www.magictoolbox.com/magiczoomplus/ License agreement: http://www.magictoolbox.com/license/ */ .MagicZoomPlus, .MagicZoomPlus * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Style of the small image link */ .MagicZoomPlus, .MagicZoomPlus:hover { display: inline-block; cursor: url(graphics/zoomin.cur), pointer; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr; max-width: 100%; } /* Style of the small image */ .MagicZoomPlus img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; height: auto; } .MagicZoomPlus > img { width: 100%; } .MagicZoomPlus.magic-for-ie8, .MagicZoomPlus.magic-for-ie8 > img { max-width: none !important; } .MagicZoomPlus.magic-for-ie7 > img, .MagicZoomPlus.magic-for-ie5 img { max-width: 100%; } td > .MagicZoomPlus > img, td > .MagicZoomPlus.magic-for-ie8 > img { max-width: none; width: auto; } /* Style of the span inside the small image link */ .MagicZoomPlus span { display: none !important; } /* Style of hint box */ .MagicZoomPlusHint { background: url(graphics/hint.gif) no-repeat 2px 50%; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 24px; margin: 0; min-height: 24px; padding: 2px 2px 2px 20px !important; text-align: left; text-decoration: none; } .MagicZoomPlusLoading { background: #fff url(graphics/loader.gif) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } /* Style to hide external title or caption on a page. Only needed for #id method */ .MagicZoomPlus-ExternalText { display: none; } /* Style of the zoomed image */ .MagicZoomBigImageCont { background: #ffffff; border: 1px solid #999; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicZoomBigImageCont.inner-zoom { border: 0; } .MagicZoomBigImageCont img { max-width: none !important; max-height: none !important; height: auto !important; width: auto !important; transform: translateZ(0); } /* Style of text on the zoomed image */ .MagicZoomHeader { background: #666; color: #fff; font-size: 10pt !important; line-height: normal !important; text-align: center !important; } /* Style of square magnify area under the cursor */ .MagicZoomPup { background: #dadad1; border: 3px solid #aaa; cursor:url(graphics/zoomin.cur),pointer; } /* Style of loading message and icon shown during load */ .MagicZoomLoading { background: #fff url(graphics/loader.gif) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } /* Style of hotspots */ .MagicHotspots { display: none; visibility: hidden; } .MagicHotspots a { border: 1px solid #ccc; display: block !important; position: absolute !important; } .MagicHotspots a:hover { border: 1px solid red; } /* Style of the small image when the large image is expanded */ .MagicThumb-expanded-thumbnail { cursor: default; } /* Style of the expanded image */ .MagicThumb-expanded { background: #ffffff; border: 1px solid #ccc; cursor: url(graphics/zoomout.cur), pointer; outline: 0; padding: 0; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicThumb-expanded img { background: #ffffff; } /* Style of the caption for the expanded image */ .MagicThumb-caption { background: #ccc; border: 0 !important; color: #333; font: normal 10pt Verdana, Helvetica; min-height: 18px !important; padding: 8px; outline: 0 !important; text-align: left; } /* Style of the close/next/previous buttons */ .MagicThumb-buttons { background: transparent url(graphics/buttons6.png) no-repeat 0 0; display: block; height: 24px; } .MagicThumb-buttons a { height: 24px; margin: 0px 1px !important; overflow: hidden; width: 24px; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicThumb-expanded > div > div > div > img { max-height: none !important; max-width: none !important; height: auto !important; width: auto !important; } .MagicThumb-background { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .magic-temporary-img img { max-height: none !important; max-width: none !important; } /* Style of shadow effect behind zoomed image */ .MagicBoxShadow { -moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; } /* Style of glow effect behind zoomed image */ .MagicBoxGlow { -moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; }