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

.ep-uiThumbbox {
  position: relative;
  width: 100%;
}
  .ep-uiThumbbox li {
    cursor:pointer;
    text-align: center;
    vertical-align: middle;
  }
    .ep-uiThumbbox ul li {
      border:1px solid #ccc;
      border-radius:2px;
    }
    .ep-uiThumbbox ul li:hover {
      cursor:pointer;
    }
      .ep-uiThumbbox img {
        max-width: 100%;
        max-height: 96%;
      }
/* list */
  .ep-uiThumbbox.ep-uiThumbbox-list ul {
    margin: 0;
    padding: 0;
  }
  .ep-uiThumbbox.ep-uiThumbbox-list li {
    display: block;
    float: left;
    line-height:95px;
    margin:3px 0;
    padding-bottom:3px;
    margin-right:2px;
  }

  .ep-uiThumbbox.ep-uiThumbbox-list li img {
    vertical-align:middle;
  }
/* slide effect */
  .ep-uiThumbbox.ep-uiThumbbox-slide {
    overflow: hidden;
  }
  .ep-uiThumbbox.ep-uiThumbbox-slide ul {
    position: absolute;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
  .ep-uiThumbbox.ep-uiThumbbox-slide li {
    margin:0 5px;
    padding: 0;
    display: inline-block;
    text-align:center;
    border:1px solid #eee;
    border-radius:5px;
  }
/* fisheye effect */
  .ep-uiThumbbox-fisheye ul {
    list-style-type:none;
    margin:0;
    padding:0;
  }
  .ep-uiThumbbox-fisheye li {
    margin:0 5px 10px;
    padding:0;
    text-align:center;
    display:inline-block;
  }
  .ep-uiThumbbox-fisheye li img {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
  }
  .ep-uiThumbbox-fisheye li:hover img {
    position:relative;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.1);
    -webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 4px 1px rgba(0,0,0,.3);
    -o-box-shadow:0 0 4px 1px rgba(0,0,0,.3);
    -ms-box-shadow:0 0 4px 1px rgba(0,0,0,.3);
    box-shadow:0 0 4px 1px rgba(0,0,0,.3);
    z-index:100;
    /* IE6, 7, 8 Fallback */
    *top:-5px;
    _top:-5px;
    /* top:-5px\0/IE8; LESS COMPILER DIES */
  }