.slidester .captions.hover, .slidester .control-buttons.hover, .slidester .control-radio.hover, .slidester .control-thumbnails.hover {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear; }

.slidester {
  width: 100%;
  position: relative; }
  .slidester .images .image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
  .slidester .captions {
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0; }
    .slidester .captions .caption {
      display: none;
      width: 30%;
      margin: 1% auto 0 1%; }
      .slidester .captions .caption.active {
        display: block; }
      .slidester .captions .caption .caption-top {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
        color: white;
        height: 100px;
        overflow: hidden;
        display: block;
        text-align: left;
        padding: 10px; }
      .slidester .captions .caption .caption-bottom {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        display: block;
        text-align: right;
        padding-right: 10px; }
  .slidester .control-buttons {
    position: absolute;
    z-index: 20;
    width: 100%; }
    .slidester .control-buttons .control-left, .slidester .control-buttons .control-right {
      background-image: url("../images/default-left.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 75px;
      height: 75px;
      display: block;
      float: left;
      cursor: pointer; }
    .slidester .control-buttons .control-right {
      background-image: url("../images/default-right.png");
      float: right; }
  .slidester .control-radio {
    position: absolute;
    z-index: 20;
    width: 100%;
    text-align: center; }
    .slidester .control-radio .radio {
      display: inline-block;
      border: 2px solid #ffffff;
      width: 15px;
      height: 15px;
      border-radius: 15px;
      margin: 2px; }
      .slidester .control-radio .radio:hover {
        cursor: pointer;
        background-color: #ffffff; }
      .slidester .control-radio .radio.active {
        background-color: #ffffff; }
  .slidester .control-thumbnails {
    width: 100%;
    position: absolute;
    z-index: 20;
    text-align: center; }
    .slidester .control-thumbnails span {
      width: 100px;
      height: 60px;
      padding: 2px;
      border-radius: 0;
      margin: 0;
      border: 0;
      background-size: cover;
      display: inline-block;
      opacity: 0.6; }
      .slidester .control-thumbnails span:hover {
        cursor: pointer;
        opacity: 1; }
      .slidester .control-thumbnails span.active {
        opacity: 1; }
  .slidester:hover .captions.hover,
  .slidester:hover .control-buttons.hover,
  .slidester:hover .control-thumbnails.hover,
  .slidester:hover .control-radio.hover {
    opacity: 1;
    visibility: visible; }

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