纯CSS3精美lightbox效果

<ul class="lb-album">

  <li>

    <a href="#image-1">

      <img src="images/thumbs/1.jpg" alt="image01">

      <span>Pointe</span>

    </a>

    <div class="lb-overlay" id="image-1">

      <img src="images/full/1.jpg" alt="image01" />

      <div>

        <h3>pointe <span>/point/</h3>

        <p>Dance performed on the tips of the toes</p>

        <a href="#image-10" class="lb-prev">Prev</a>

        <a href="#image-2" class="lb-next">Next</a>

      </div>

      <a href="#page" class="lb-close">x Close</a>

    </div>

  </li>

  <li> 

    <!-- ... -->

  </li>

</ul>