@charset "utf-8";
.transparent { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6 }
.textLeft { text-align: left }
.textRight { text-align: right }
.textCenter { text-align: center !important }
.m_color { color: #2087cf }
.zan-popup-bg { position: fixed; background: #000; z-index: 500; filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
left: 0; top: 0; width: 100%; height: 100% }
.zan-popup { position: absolute; min-width: 400px; min-height: 100px; background-color: #fff; left: 20px; top: 20px; z-index: 501 }
.zan-popup .zan-popup-close { position: absolute; width: 82px; height: 66px; display: inline-block; background: url("https://upload.omooo.com/img/logo/icont/zan-popup-close.png") no-repeat; right: 0; bottom: 0 }
.zan-popup .zan-popup-last-btn { background-position: 5px -137px; left: -66px }
.zan-popup .zan-popup-next-btn { background-position: 5px 4px; right: -66px }
.zan-popup-shift { position: absolute; display: inline-block; width: 56px; height: 141px; background: url("https://upload.omooo.com/img/logo/icont/nextIco.png") no-repeat; top: 50%; margin-top: -70px; filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; background-color: #fff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)
}
.zan-popup-shift:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)
}
.zan-popup-wrap { padding: 20px; position: relative }
.zan-popup-wrap .zan-popup-conf { display: inline-block; height: 36px; line-height: 36px; color: #ff2c00; border: 1px solid #ff2c00; border-radius: 5px; padding: 0 10px; position: relative; margin-left: 10px; font-size: 13px }
.zan-popup-wrap .zan-popup-conf:hover { background-color: #ff2c00; color: #fff }
.zan-popup-wrap .d-header { width: 290px }
.zan-popup-wrap .text_description { width: 280px; position: relative; padding-left: 10px; padding-top: 40px; margin-bottom: 20px }
.zan-popup-wrap .text_description .cti { font-size: 14px; height: 30px; line-height: 30px; font-weight: bold }
.zan-popup-img-logo { position: relative; margin-right: 20px; width: 640px }
.zan-popup-img-logo .big-img { width: 640px; height: 480px; border: 1px solid #ccc; text-align: center; position: relative; margin-bottom: 20px }
.zan-popup-img-logo .big-img a { display: inline-block; width: 640px; height: 480px }
.zan-popup-img-logo .big-img img { max-width: 100%; display: block; margin: 0 auto; width: 640px; height: 480px }
.zan-popup-wrap .small-img { position: relative }
.zan-popup-wrap .small-img li { display: inline-block; width: 120px; height: 90px; border: 1px solid #ccc; position: relative; margin-right: 10px; margin-bottom: 10px }
.zan-popup-wrap .small-img li:hover p { display: block }
.zan-popup-wrap .small-img li img { width: 120px; height: 90px }
.zan-popup-wrap .small-img li p { position: absolute; display: none; height: 20px; width: 100%; line-height: 20px; background-color: #666; text-align: center; top: 50%; left: 0; margin-top: -10px; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)
}
.zan-popup-wrap .small-img li a { color: #fff }
.zan-popup-img-vi-sm { position: relative; width: 370px }
.zan-popup-img-vi-sm ul { width: 380px }
.zan-popup-img-vi-big { position: relative; width: 640px; min-height: 600px; max-height: 600px; border: 1px solid #ccc; margin-right: 20px; padding: 20px; overflow: auto }
.zan-popup-img-vi-big .big-img { text-align: center; line-height: 600px }
.zan-popup-img-vi-big .big-img img { max-width: 100% }/*# sourceMappingURL=zanPopup.css.map */