Display CSS/DIV with lightbox effect

Hi, I need a re-usable CSS script that will let me click on any image or link on a website and have it slightly 'dim out' the website and display a previously hidden DIV that comes into focus that contains other content, such as a video or other stuff. The top left corner of the DIV should have a black circle with a white X that you can click to close it; or, you can click anywhere outside the DIV to close it. The script should allow me to define the dimensions of the DIV, as well as the color/properties of the shading of the dimmed out website below it. Essentially, I would like to copy what Apple is doing here, complete with the "zoom-in" and "zoom-out" effects when you click on a page element. [login to view URL] (Click on 'Anatomy of a Mac' to see what I want to do in action.) This should work with IE, Firefox, and Safari. This should be a very easy project if you know what you are doing. Thank you