overlay

gistfile1.html

<div id="overlay" class="lb">
  <div class="media">
    <img src="assets/images/content/lightbox-image.jpg" alt="" />

    <div class="titlebar">
      <a class="close">Close</a>
      <p><span class="current">1</span> of <span class="total">25</span></p>
    </div> <!-- titlebar -->

    <div class="heading">
      <h2>Sophie Bevan</h2>
      <p><span class="new">New</span> Susana, Le nozze di Figaro</p>
    </div> <!-- heading -->

    <a class="lb_prev lb_nav"><span class="hidden">&laquo; Previous</span></a>
    <a class="lb_next lb_nav"><span class="hidden">Next &raquo;</span></a>
  </div> <!-- media -->
</div> <!-- overlay -->