.MagicZoom,.MagicZoom:hover {
    outline: 0!important;
    margin: auto;
    display: block !important;
}

.MagicZoom img {
    border: 0!important;
    outline: 0!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%;
    height: 426px !important;
}

.MagicZoomHint {
    background: url(http://www.magictoolbox.com/static/magiczoom/graphics/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-size: 8pt;
    font-family: sans-serif;
    line-height: 24px;
    min-height: 24px;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 2px 2px 2px 20px !important
}

.MagicZoomExternalTitle {
    display: none
}

.MagicZoomBigImageCont {
    background: #fff;
    border: 1px solid #999
}

.MagicZoomBigImageCont * {
    display: inline
}

.MagicZoomBigImageCont img {
    max-width: none!important;
    max-height: none!important;
    height: auto!important;
    width: auto!important
}

.MagicZoomHeader {
    background: #2BA700;
    color: #fff;
    line-height: normal!important;
    text-align: center!important;
    font-size: 13px !important;
    padding: 10px 0px !important;
}

.MagicZoomPup {
    background: #fff;
    border: 1px solid #aaa;
    cursor: move
}

.MagicZoomLoading {
    background: #fff url(http://www.thatssotrue.com/images/ajax_loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 4px 4px 4px 24px !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;
}

#img_large {
    margin-bottom: 6px;
}

#img_thumb li {
    float: left;
    border: 1px solid rgb(235, 227, 227);
    margin-right: 12px;
}

#img_thumb li:nth-child(4n) {
    margin-right: 0px;
}

div.zoomp {
    width: 314px !important;
    text-align: center;
    height: auto !important;
}

a#Zoomer {
    width: 314px !important;
    border: 0px solid rgb(235, 227, 227);
    height: auto !important;
}
#img_large {
    margin-bottom: 11px;
    padding: 2px;
    float: left;
    width: 314px;
    border: solid 1px #3ba4db;
    box-shadow: 2px 3px 6px #999;
}
.MagicZoomBigImageCont.MagicBoxShadow {
    left: 750px !important;
}
div#pro-detail-img-thum ul li {
    width: 68px;
    float: left;
    border: solid 1px #3ba4db;
    box-shadow: 2px 3px 6px #999;
    padding: 1px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div#pro-detail-img-thum ul li img {
    width: 68px;
    height: 82px;
}
div#pro-detail-img-thum ul li:nth-child(4n) {
    margin-right: 0px;
}