/** http://docs.sublimevideo.net/lightbox **/
/*
* Don't use this code if you don't want the magnifying glass icon
* The icon can be found here: http://f.cl.ly/items/3C1V2w2r36360V3c1b3x/sv_zoom_icon.png
* Please be sure to:
*   - Adjust the width and height properties according to your “zoomable thumbnail”’s dimensions;
*   - Upload the icon to your server and to set the correct path to it in your CSS code.
*/
 
a.zoomable {
  display:block;
  width:220px;
  height:124px;
  position:relative;
  -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  -moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  margin-bottom: 0.80em;
}
 
a.zoomable span.zoom_icon {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:url(../imatges/icons/sv_zoom_icon.png) no-repeat bottom right;
  opacity:0.3;
  -o-transition:opacity 0.25s;
  -moz-transition:opacity 0.25s;
  -webkit-transition:opacity 0.25s;
  transition:opacity 0.25s;
}
 
a.zoomable:hover span.zoom_icon {opacity:1}