#widget-imageexplorer {
    position: absolute;
    top: -30px;
}
#widget-imageexplorer #widgetContainer {
    position: relative;
    width: 1024px;
    height: 768px;
}
#widget-imageexplorer img {
    position: absolute;

    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;

    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -ms-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor;
}
#widget-imageexplorer .point {
    position: absolute;
    width: 20px;
    height: 20px;
    outline: 1px solid #f00;
}
#widget-imageexplorer .pointInfo {
    position: absolute;
}
#widget-imageexplorer .pointInfo .pointTitle {
    position: absolute;
    top: -51px;
    padding: 7px;
    z-index: 5;
    cursor: pointer;
}

#widget-imageexplorer .pointInfo .pointTitle .bgTitle {
    position: absolute;
    top: 0;
    left: 7px;
    width: 520px;
    height: 28px;
    padding: 6px 0px;
    background: #7b2274;
/*    border: 1px solid #fff;*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;

    z-index: 3;
/*
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
*/


/*    background: url("../../../imgs/telaris/pattern_box_title.png") repeat-x top left;*/
  
}
#widget-imageexplorer .pointInfo .pointTitle .bgTitle.custom-border {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
#widget-imageexplorer .pointInfo .pointTitle .bgTitle.right {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    left: -467px;
}
#widget-imageexplorer .pointInfo .pointTitle span {
    position: absolute;
    color: #FFF;
    font-size: 1.9em;
    font-weight: bold;
    left: 20px;
    width: auto;
    max-width: 400px;
    cursor: pointer;
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#widget-imageexplorer .pointInfo .pointTitle .arrow {
    position: absolute;
    background: url("../../../imgs/telaris/point.png") top left no-repeat;
    width: 22px;
    height: 33px;
    top: 22px;
    left: -7px;
    z-index: 6;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
#widget-imageexplorer .pointInfo .pointTitle .arrow2 {
    background-image: none;
}
#widget-imageexplorer .pointInfo .pointTitle .arrowPoint {
    background: url("./../../../imgs/telaris/point.png") top left no-repeat;
}
#widget-imageexplorer .pointInfo .pointTitle .arrow.right {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    left: -6px;
}
#widget-imageexplorer .pointInfo .pointTitle .buttonMinimizePoint {
    position: absolute;
    background: url("../../../imgs/telaris/buttonMinimize.png") center center no-repeat;
    left: 456px;
    top: 6px;
    width: 29px;
    height: 29px;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 5;
}
#widget-imageexplorer .pointInfo .pointTitle .buttonMinimizePoint.right {
    left: -68px;
}
#widget-imageexplorer .pointInfo .pointTitle .buttonClosePoint {
    position: absolute;
    background: url("../../../imgs/telaris/buttonClose.png") center center no-repeat;
    left: 490px;
    top: 6px;
    width: 29px;
    height: 29px;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 5;
}
#widget-imageexplorer .pointInfo .pointTitle .buttonClosePoint.right {
    left: -35px;
}
#widget-imageexplorer .pointInfo .pointContent {
    position: absolute;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background: rgba(255, 255, 255, 0.9);
    width: 500px;
    height: 200px;
    top: -27px;
    left: 7px;
    z-index: 3;
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 0px;
}
#widget-imageexplorer .pointInfo .pointContent.right {
    left: -520px;
}
#widget-imageexplorer .pointInfo .pointContent.down {
    top: -263px;
    padding-top: 25px;
    padding-bottom: 10px;
}
#widget-imageexplorer .pointInfo .pointContent .pointImage {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 6px solid #fff;
    margin-right: 20px;
    cursor: pointer;

    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
#widget-imageexplorer .pointInfo .pointContent .pointImage a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
#widget-imageexplorer .pointInfo .pointContent .pointImage .pointThumbnail {
    height: 150px;
    position: relative;
    margin: 0 auto;
    margin-right: 20px;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -ms-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor;
}
#widget-imageexplorer .pointInfo .pointContent .pointImage .mediaIcon {
    position: absolute;
}
#widget-imageexplorer .pointInfo .pointContent .pointImage .mediaIcon.image {
    background: url("../../../imgs/telaris/icon_zoom.png") top left no-repeat;
    width: 27px;
    height: 26px;
    top: 120px;
    left: 120px;
}
#widget-imageexplorer .pointInfo .pointContent .pointImage .mediaIcon.video {
    background: url("../../../imgs/telaris/icon_video.png") top left no-repeat;
    width: 68px;
    height: 67px;
    top: 43px;
    left: 41px;
}
#widget-imageexplorer .pointInfo .pointContent .pointText {
    float: left;
    margin-left: 5px;
    width: 300px;
    height: 158px;
    overflow: hidden;
    font-size: 1.7em;
    font-weight: 100px;
    line-height: 20px;
    color: #4F4949;
}

#widget-imageexplorer audio {
    width: 210px;
}

#widget-imageexplorer .playAudio {
    margin-top: 10px;
    margin-bottom: 10px;
}

#widget-imageexplorer .linkMore {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #7b2274;
    cursor: pointer;
}