@charset "utf-8";
 .ihwt-hotspot-wrapper {
position: relative;
text-align: center;
line-height: .5;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-left .HotspotPlugin_Hotspot > div {
top: 50%;
left: auto;
right: 100%;
margin: 0 10px 0 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-left .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(0, -50%) scale(.85);
-moz-transform: translate(0, -50%) scale(.85);
-o-transform: translate(0, -50%) scale(.85);
transform: translate(0, -50%) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-left .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(0, -50%) scale(1);
-moz-transform: translate(0, -50%) scale(1);
-o-transform: translate(0, -50%) scale(1);
transform: translate(0, -50%) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-left .HotspotPlugin_Hotspot > div.ihwt-hotspot-left {
left: 100%;
right: auto;
margin: 0 0 0 10px;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-right .HotspotPlugin_Hotspot > div {
top: 50%;
left: 100%;
margin: 0 0 0 10px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-right .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(0, -50%) scale(.85);
-moz-transform: translate(0, -50%) scale(.85);
-o-transform: translate(0, -50%) scale(.85);
transform: translate(0, -50%) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-right .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(0, -50%) scale(1);
-moz-transform: translate(0, -50%) scale(1);
-o-transform: translate(0, -50%) scale(1);
transform: translate(0, -50%) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-right .HotspotPlugin_Hotspot > div.ihwt-hotspot-right {
left: auto;
right: 100%;
margin: 0 10px 0 0;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div {
top: auto;
bottom: 100%;
left: 50%;
margin: 0 0 10px 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div.ihwt-hotspot-left {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div.ihwt-hotspot-right {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(-50%, 0) scale(.85);
-moz-transform: translate(-50%, 0) scale(.85);
-o-transform: translate(-50%, 0) scale(.85);
transform: translate(-50%, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div.hidden.ihwt-hotspot-left {
-webkit-transform: translate(0, 0) scale(.85);
-moz-transform: translate(0, 0) scale(.85);
-o-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div.hidden.ihwt-hotspot-right {
-webkit-transform: translate(-100%, 0) scale(.85);
-moz-transform: translate(-100%, 0) scale(.85);
-o-transform: translate(-100%, 0) scale(.85);
transform: translate(-100%, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(-50%, 0) scale(1);
-moz-transform: translate(-50%, 0) scale(1);
-o-transform: translate(-50%, 0) scale(1);
transform: translate(-50%, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div:not(.hidden).ihwt-hotspot-left {
-webkit-transform: translate(0, 0) scale(1);
-moz-transform: translate(0, 0) scale(1);
-o-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top .HotspotPlugin_Hotspot > div:not(.hidden).ihwt-hotspot-right {
-webkit-transform: translate(-100%, 0) scale(1);
-moz-transform: translate(-100%, 0) scale(1);
-o-transform: translate(-100%, 0) scale(1);
transform: translate(-100%, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div {
top: 100%;
left: 50%;
margin: 10px 0 0 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div.ihwt-hotspot-left {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div.ihwt-hotspot-right {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(-50%, 0) scale(.85);
-moz-transform: translate(-50%, 0) scale(.85);
-o-transform: translate(-50%, 0) scale(.85);
transform: translate(-50%, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div.hidden.ihwt-hotspot-left {
-webkit-transform: translate(0, 0) scale(.85);
-moz-transform: translate(0, 0) scale(.85);
-o-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div.hidden.ihwt-hotspot-right {
-webkit-transform: translate(-100%, 0) scale(.85);
-moz-transform: translate(-100%, 0) scale(.85);
-o-transform: translate(-100%, 0) scale(.85);
transform: translate(-100%, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(-50%, 0) scale(1);
-moz-transform: translate(-50%, 0) scale(1);
-o-transform: translate(-50%, 0) scale(1);
transform: translate(-50%, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div:not(.hidden).ihwt-hotspot-left {
-webkit-transform: translate(0, 0) scale(1);
-moz-transform: translate(0, 0) scale(1);
-o-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom .HotspotPlugin_Hotspot > div:not(.hidden).ihwt-hotspot-right {
-webkit-transform: translate(-100%, 0) scale(1);
-moz-transform: translate(-100%, 0) scale(1);
-o-transform: translate(-100%, 0) scale(1);
transform: translate(-100%, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-left .HotspotPlugin_Hotspot > div {
top: auto;
bottom: 100%;
left: auto;
right: 100%;
margin: 0 10px 10px 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-left .HotspotPlugin_Hotspot > div.ihwt-hotspot-left {
left: 100%;
right: auto;
margin: 0 0 10px 10px;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-left .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(0, 0) scale(.85);
-moz-transform: translate(0, 0) scale(.85);
-o-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-left .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(0, 0) scale(1);
-moz-transform: translate(0, 0) scale(1);
-o-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-right .HotspotPlugin_Hotspot > div {
top: auto;
bottom: 100%;
left: 100%;
margin: 0 0 10px 10px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-right .HotspotPlugin_Hotspot > div.ihwt-hotspot-right {
left: auto;
right: 100%;
margin: 0 10px 10px 0;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-right .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(0, 0) scale(.85);
-moz-transform: translate(0, 0) scale(.85);
-o-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-top-right .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(0, 0) scale(1);
-moz-transform: translate(0, 0) scale(1);
-o-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-left .HotspotPlugin_Hotspot > div {
top: 100%;
left: auto;
right: 100%;
margin: 10px 10px 0 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-left .HotspotPlugin_Hotspot > div.ihwt-hotspot-left {
left: 100%;
right: auto;
margin: 10px 0 0 10px;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-left .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(0, 0) scale(.85);
-moz-transform: translate(0, 0) scale(.85);
-o-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-left .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(0, 0) scale(1);
-moz-transform: translate(0, 0) scale(1);
-o-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-right .HotspotPlugin_Hotspot > div {
top: 100%;
left: 100%;
margin: 10px 0 0 10px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-right .HotspotPlugin_Hotspot > div.ihwt-hotspot-right {
left: auto;
right: 100%;
margin: 10px 10px 0 0;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-right .HotspotPlugin_Hotspot > div.hidden {
-webkit-transform: translate(0, 0) scale(.85);
-moz-transform: translate(0, 0) scale(.85);
-o-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85);
}
.ihwt-hotspot-wrapper .ihwt-tooltip-position-bottom-right .HotspotPlugin_Hotspot > div:not(.hidden) {
-webkit-transform: translate(0, 0) scale(1);
-moz-transform: translate(0, 0) scale(1);
-o-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot > div {
font-size: 10px;
display: block;
position: absolute;
top: 100%;
left: 50%;
margin-top: 10px;
padding: 25px 20px;
overflow: hidden;
background: #fff;
border-radius: 6px;
-webkit-box-shadow: 7px 15px 70px 0 rgba(0, 0, 0, 0.25);
box-shadow: 7px 15px 70px 0 rgba(0, 0, 0, 0.25);
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
-webkit-transition: all .3s ease .2s;
-moz-transition: all .3s ease .2s;
transition: all .3s ease .2s;
z-index: 3;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-text-align-left .HotspotPlugin_Hotspot > div {
text-align:left !important;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-text-align-center .HotspotPlugin_Hotspot > div {
text-align:center !important;
}
.ihwt-hotspot-wrapper .ihwt-tooltip-text-align-right .HotspotPlugin_Hotspot > div {
text-align:right !important;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot > div.hidden {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-50%) scale(.85);
-moz-transform: translateX(-50%) scale(.85);
-o-transform: translateX(-50%) scale(.85);
transform: translateX(-50%) scale(.85);
}
.HotspotPlugin_Hotspot.ihwt-hotspot-wrapper:not(.hidden) > div {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot > div > .close-item {
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
visibility:hidden;
}
.ihwt-hotspot-wrapper .ihwt-action-click .HotspotPlugin_Hotspot > div > .close-item {
visibility: visible;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot > div > .Hotspot_Title {
font-size: 16px;
font-weight: bold;
white-space: nowrap;
color: #232323;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot > div > .Hotspot_Title + .Hotspot_Message {
margin-top: 5px;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot > div > .Hotspot_Message {
font-size: 14px;
line-height: 25px;
white-space: pre-line;
color: #595959;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot.ihwtHotspotImageMarker {
position: absolute;
cursor:pointer;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot:not(.ihwtHotspotImageMarker) {
position: absolute;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
z-index: 200;
cursor: pointer;
-webkit-transition: z-index .3s ease .3s;
-moz-transition: z-index .3s ease .3s;
transition: z-index .3s ease .3s;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot:not(.ihwtHotspotImageMarker):before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #ff3368;
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
transition: transform .3s ease;
-webkit-animation: ihwtPulseAnimation 1s ease infinite;
-moz-animation: ihwtPulseAnimation 1s ease infinite;
animation: ihwtPulseAnimation 1s ease infinite;
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot:not(.ihwtHotspotImageMarker):after {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -4px;
margin-left: -4px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot:not(.ihwtHotspotImageMarker):hover:before {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot:hover,
.ihwt-hotspot-wrapper .HotspotPlugin_Hotspot.active {
z-index: 300;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.ihwt-hotspot-wrapper .ihwt-hotspot-image-cover {
position: relative;
display: inline-block;
line-height: .5;
}
.ihwt-hotspot-wrapper .ihwt-hotspot-image-cover * {
text-align: inherit;
}
@-webkit-keyframes ihwtPulseAnimation {
0%, 100% {
-webkit-transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
}
}
@-moz-keyframes ihwtPulseAnimation {
0%, 100% {
-moz-transform: scale(0.9);
}
50% {
-moz-transform: scale(1.1);
}
}
@-o-keyframes ihwtPulseAnimation {
0%, 100% {
-o-transform: scale(0.9);
}
50% {
-o-transform: scale(1.1);
}
}
@keyframes ihwtPulseAnimation {
0%, 100% {
transform: scale(0.9);
}
50% {
transform: scale(1.1);
}
}