/*
 * @copyright   © Copyright 2006-2012, epages GmbH, All Rights Reserved.
 *
 * @module      ep.base_uiSlides
 *
 * @require     ep.
 *          .base
 */

.ep-uiSlides {
  width: 100%;
  height: 100%;
}
  .ep-uiSlides-box,
  .ep-uiSlides-box > div {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .ep-uiSlides-box > div > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .ep-uiSlides-ctrlPrev,
  .ep-uiSlides-ctrlNext {
    position: absolute;
    width: 50%;
    height: 100%;
  }
  .ep-uiSlides-ctrlPrev,
  .ep-uiSlides-ctrlPrev a {
    left: 10px;
    text-align:left;
  }
  .ep-uiSlides-ctrlNext,
  .ep-uiSlides-ctrlNext a {
    right: 10px;
    text-align:right;
  }

  .ep-uiSlides-ctrl a {
    position: absolute;
  }
  .ep-uiSlides-ctrl-auto a {
    display:none;
  }

   html body .ep-uiSlides-ctrl a,
   html body .ep-uiSlides-ctrl:hover a:hover {
      position:absolute;
      top:50%;
      margin-top:-10px;
      background:#000000;
      border:2px solid #FFFFFF;
      border-radius:25px 25px 25px 25px;
      box-shadow:0 0 2px 1px #555555;
      height:25px;
      width:25px;
      z-index: 1000;
      line-height:25px !important;
      font-size:18px !important;
      text-align: center;
      text-decoration:none;
      font-weight:bold;
      font-family:sans-serif;
      color:#fff;
    }
      html body .ep-uiSlides-ctrl a {
        opacity:0.6;
      }
      html body .ep-uiSlides-ctrl:hover a {
        opacity:1;
      }
  .ep-uiSlides-desc {
    position: absolute;
    display: none;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    background: rgba(0,0,0,0.5);
  }
    html body .ep-uiSlides-desc div {
      color:#fff;
    }
    .ep-uiSlides-caption {
    }
    .ep-uiSlides-count {
    }

html body .ep-uiSlides-ctrl-visible ep-uiSlides-ctrl,
html body .ep-uiSlides-ctrl-visible ep-uiSlides-ctrl a,
html body .ep-uiSlides-ctrl:hover a:hover,
html body .ep-uiSlides-ctrl:hover a {
  display:block !important;
}
.ep-uiSlides-ctrl-hidden .ep-uiSlides-ctrl a,
.ep-uiSlides-ctrl-hidden .ep-uiSlides-ctrl:hover {
  display:none !important;
}
.ep-uiSlides-ctrl.ui-hidden {
  display: none;
}
.ep-uiSlides.ui-hidden {
  top: -9999px;
  left: -9999px;
}