I see you already have an "overlay" div at the bottom of the page.
If you would show this div at the same time as the div with the content, with some simple CSS to set its background colour and position, then you'll have your lightbox effect
Spoiler alert: :shifty:
/* need to make sure this is higher than the z-index of #overlay */
/* You may also need to set these styles */