img {
       border: none;
}


/* listado de miniaturas */

ul, ul li {
       margin: 0;
       padding:0;
       list-style: none;
}

ul li {
     float: left;
     margin-right: 5px;
     border: 1px solid #bca863;
     padding: 2px;
}

ul a {
       display-block: none;
       float: left;
       width: 65px;
       height: 65px;
       line-height: 100px;
       overflow: hidden;
       position: relative;
       z-index: 1;
}

ul a img {
          float: left;
          position: absolute;
          top: -20px;
          left: -50px;
}

ul a:hover {
     overflow: visible;
     z-index: 1000;
     border: none;
}

ul a:hover img {
                   border: 1px solid #bca863;
                   background: #000000;
                   padding: 2px;
}