Here is the full source - This works in all browsers, but the popup doesn't work in IE. The other issue I found is the jwplayer stays open if I have this content in a frame or have the browser Dev Tools open.
I Need to break it into html and css / javascript, since I am over the character count to post.
<div id="z_page_container">
<div id="z_overlay"> </div>
<div id="z_popup_container" style="width: 100%;">
<div id="z_popup_window"><a href="#" onclick="hideOverlay()"> <img border="0" align="right" src="close-button.gif" alt="" /></a>
<div id="z_popup_title_section" style="height: 70px;">
<div id="z_vt1">
<h3>Better Decisions</h3>
Gain greater insights to make smarter, more confident decisions.</div>
</div>
<div id="z_popup_mid">
<div id="z_video_section">
<div id="z_ve1">
<div id="video1">This text will be replaced</div>
<script type="text/javascript"> jwplayer('video1').setup({
'flashplayer': 'player.swf',
'file': 'BetterDecisions.flv',
'controlbar': 'bottom',
'width': '471',
'height': '291'
}); </script></div>
<div id="z_video_list" style="height: 150px;">
<div id="z_vl1">
<p><a href="#" onclick="showOverlay(2)"><img width="120" border="0" src="image.jpg" alt="" /></a><br />
<strong>Fewer Conflicts</strong><br />
<a href="#" onclick="showOverlay(2)">Watch Now</a></p>
<p><a href="#" onclick="showOverlay(3)"><img width="120" border="0" src="image.jpg" alt="" /></a><br />
<strong>Faster Delivery</strong><br />
<a href="#" onclick="showOverlay(3)">Watch Now</a></p>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="z_popup_details">
<div id="z_vd1">"Quote"
<p><strong>Name</strong><br />
<strong>Company</strong></p>
</div>
</div>
</div>
</div>
<div id="z_wrapper">
<div id="z_header_container">
<div id="z_header_partner"><img width="194" src="partner_logo.gif" alt="" /></div>
<div id="z_header_autodesk"><img width="115" src="logo.gif" alt="" /></div>
</div>
<div id="z_main_container">
<div id="z_main_banner">
<div id="z_main_banner_01"><img width="475" src="image.jpg" alt="" /></div>
<div id="z_main_banner_bkg">
<div id="z_main_banner_container">
<div class="z_main_banner_info"><a href="#" onclick="showOverlay(1)"><img width="120" border="0" src="Image.jpg" alt="" /></a> <span style="font-weight: bold;">Better Decisions</span><br />
Gain greater insights to make smarter, more confident decisions. <a href="#" onclick="showOverlay(1)"><br />
Watch Now</a></div>
</div>
<div id="z_main_banner_container">
<div class="z_main_banner_info"><a href="#" onclick="showOverlay(2)"><img width="120" border="0" src="image.jpg" alt="" /></a><span style="font-weight: bold;">Fewer Conflicts</span><br />
Use compelling project visualisations to ease stakeholder approvals.<br />
<a href="#" onclick="showOverlay(2)">Watch Now</a></div>
</div>
<div id="z_main_banner_container">
<div class="z_main_banner_info" id="z_third_video"><a href="#" onclick="showOverlay(3)"><img width="120" border="0" src="image.jpg" alt="" id="z_bottom_image" /></a>
<div id="z_btm_content"><span style="font-weight: bold;">Faster Delivery</span><br />
Co-ordinate your information to improve collaboration and accelerate project delivery.<br />
<a href="#" onclick="showOverlay(3)">Watch Now</a></div>
</div>
</div>
</div>
</div>
<div id="z_main_container">
<div id="z_main_text">content</div>
<div>
<div id="z_main_title">
<h1>product 1</h1>
</div>
<div id="z_main_info_container">
<div id="z_main_info"><img width="151" src="image.jpg" alt="" /></div>
<div id="z_main_feature_choice_container">
<div id="z_main_feature_02">
<div id="z_main_feature_choice_info"> </div>
</div>
</div>
</div>
<div id="z_main_feature_container">
<div id="z_main_feature_info">
<p>content<br/><a href="url here">Learn More about the solution</a></p>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div style="clear: both;"> </div>
<div id="z_footer">content here</zp></div>
</div>
</div>