/* the overlayed element */
  .mo {

    /* initially overlay is hidden */
    display: none;

    /* growing background image */
    background-image: url(../images/overlay/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
    */
    width: 810px;

    /* some padding to layout nested elements nicely  */
    padding: 35px;

    /* a little styling */
    font-size: 11px;
  }

  /* default close button positioned on upper right corner */
  .mo .close {
    background-image: url(../images/overlay/close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer ;
    height: 35px;
    width: 35px;
  }
  .mo.black {
    background-image: url(../images/overlay/transparent.png);
    color: #fff;
  }