.hotspotSlider {
  /*IE bugfix */
  padding: 0;
  margin: 0;
  overflow: hidden;
  /*IE bugfix */ }
  .hotspotSlider li.slide {
    list-style: none;
    width: 100%;
    height: 100%; }
    .hotspotSlider li.slide div.image {
      width: 100%;
      height: 100%;
      display: block;
      background: no-repeat left top transparent; }
      .hotspotSlider li.slide div.image .mappingArea {
        position: absolute;
        cursor: pointer;
        display: block;
        z-index: 1; }
      .hotspotSlider li.slide div.image a.mappingIcon {
        position: absolute;
        cursor: pointer;
        z-index: 1; }
        .hotspotSlider li.slide div.image a.mappingIcon:hover i.fa-circle {
          color: inherit; }
        .hotspotSlider li.slide div.image a.mappingIcon i.fa-circle {
          text-shadow: 0px 0px 5px #777;
          color: #333; }
        .hotspotSlider li.slide div.image a.mappingIcon i.fa-inverse {
          color: white; }
      .hotspotSlider li.slide div.image .mappingIconContent {
        display: none; }

.qtip {
  border-color: #fff;
  border-width: 0px;
  max-width: 340px;
  padding: 0 !important; }
  .qtip.qtip-custom {
    z-index: 7000 !important; }
    .qtip.qtip-custom .qtip-content {
      padding: 0px !important;
      display: inline-block; }
      .qtip.qtip-custom .qtip-content .inner {
        display: block; }
        .qtip.qtip-custom .qtip-content .inner a.title {
          font-size: 14px;
          font-weight: bold;
          margin: 0 0 10px;
          line-height: 1;
          display: block; }
      .qtip.qtip-custom .qtip-content .template_1, .qtip.qtip-custom .qtip-content .template_3 {
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-width: 2px;
        display: inline-block;
        padding: 10px !important; }
        .qtip.qtip-custom .qtip-content .template_1.notice, .qtip.qtip-custom .qtip-content .template_3.notice {
          margin: 0 !important;
          text-align: inherit !important;
          font-weight: inherit !important;
          color: inherit !important;
          padding-bottom: 0px !important; }
        .qtip.qtip-custom .qtip-content .template_1 .inner, .qtip.qtip-custom .qtip-content .template_3 .inner {
          width: 320px; }
          .qtip.qtip-custom .qtip-content .template_1 .inner a.image, .qtip.qtip-custom .qtip-content .template_3 .inner a.image {
            width: 57px;
            height: 57px;
            display: inline-block;
            float: left;
            margin-right: 10px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: transparent; }
          .qtip.qtip-custom .qtip-content .template_1 .inner p.description, .qtip.qtip-custom .qtip-content .template_3 .inner p.description {
            margin: 0 0 0 67px; }
          .qtip.qtip-custom .qtip-content .template_1 .inner .article_price_unit, .qtip.qtip-custom .qtip-content .template_3 .inner .article_price_unit {
            margin: 10px 0 0 67px; }
        .qtip.qtip-custom .qtip-content .template_1 .artbox, .qtip.qtip-custom .qtip-content .template_3 .artbox {
          width: 100% !important; }
        .qtip.qtip-custom .qtip-content .template_1 .lower, .qtip.qtip-custom .qtip-content .template_3 .lower {
          margin-top: 10px;
          padding-top: 10px;
          border: none !important;
          border-top-color: #dfdfdf;
          border-top-style: solid !important;
          border-top-width: 1px !important; }
          .qtip.qtip-custom .qtip-content .template_1 .lower p, .qtip.qtip-custom .qtip-content .template_3 .lower p {
            display: inline-block;
            float: left;
            margin: 0 !important;
            height: 25px; }
            .qtip.qtip-custom .qtip-content .template_1 .lower p.pseudoprice, .qtip.qtip-custom .qtip-content .template_3 .lower p.pseudoprice {
              background: url("../images/ico_pseudo.png") no-repeat 0 center;
              padding-left: 33px; }
              .qtip.qtip-custom .qtip-content .template_1 .lower p.pseudoprice span, .qtip.qtip-custom .qtip-content .template_3 .lower p.pseudoprice span {
                float: none !important; }
                .qtip.qtip-custom .qtip-content .template_1 .lower p.pseudoprice span.pseudo, .qtip.qtip-custom .qtip-content .template_3 .lower p.pseudoprice span.pseudo {
                  font-size: 10px;
                  font-weight: 500;
                  color: #777;
                  text-decoration: line-through;
                  display: block; }
                .qtip.qtip-custom .qtip-content .template_1 .lower p.pseudoprice span.price, .qtip.qtip-custom .qtip-content .template_3 .lower p.pseudoprice span.price {
                  font-size: 14px;
                  font-weight: 700;
                  color: #990000;
                  margin-bottom: 5px; }
            .qtip.qtip-custom .qtip-content .template_1 .lower p.price span.price, .qtip.qtip-custom .qtip-content .template_3 .lower p.price span.price {
              font-size: 16px;
              font-weight: 700;
              margin-bottom: 5px;
              line-height: 25px; }
          .qtip.qtip-custom .qtip-content .template_1 .lower .actions, .qtip.qtip-custom .qtip-content .template_3 .lower .actions {
            float: right;
            width: 100px;
            height: 20px;
            margin-top: 3px;
            position: relative !important;
            left: 0 !important;
            bottom: 0 !important; }
            .qtip.qtip-custom .qtip-content .template_1 .lower .actions .more, .qtip.qtip-custom .qtip-content .template_3 .lower .actions .more {
              width: 90px;
              height: 20px;
              line-height: 20px;
              padding: 0 5px;
              margin: 0;
              border: 0 none;
              color: #fff;
              position: absolute; }
              .qtip.qtip-custom .qtip-content .template_1 .lower .actions .more:hover, .qtip.qtip-custom .qtip-content .template_3 .lower .actions .more:hover {
                background-position: right bottom; }
      .qtip.qtip-custom .qtip-content .template_2 {
        padding: 5px !important; }
        .qtip.qtip-custom .qtip-content .template_2 .inner {
          width: 200px; }
          .qtip.qtip-custom .qtip-content .template_2 .inner a.title {
            text-align: left; }
          .qtip.qtip-custom .qtip-content .template_2 .inner .article_price_unit {
            text-align: left; }
        .qtip.qtip-custom .qtip-content .template_2 .pricing p {
          margin: 0; }
          .qtip.qtip-custom .qtip-content .template_2 .pricing p.pseudoprice span.pseudo {
            font-size: 10px;
            font-weight: 500;
            color: #777;
            text-decoration: line-through;
            display: inline;
            float: left !important; }
          .qtip.qtip-custom .qtip-content .template_2 .pricing p.pseudoprice span.price {
            font-size: 12px;
            font-weight: 700;
            color: #990000;
            margin-bottom: 5px;
            float: right !important; }
          .qtip.qtip-custom .qtip-content .template_2 .pricing p.price span.price {
            font-size: 12px;
            font-weight: 700;
            margin-bottom: 5px;
            line-height: 25px; }

/*# sourceMappingURL=hotspotSlider.css.map */