Open a Google Map in FooBox

Example Code

<a href="#map" class="foobox" data-width="640" data-height="390" target="foobox">Automattic on Google Maps</a>  <div id="map" style="display:none;"> 	<style>.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>  	<div class='embed-container'> 		<iframe src='https://www.google.com/maps/embed?pb=!1m5!3m3!1m2!1s0x8085807c23cc4ebb%3A0x108059532273706!2sAutomattic%2C+Hawthorne+Street%2C+San+Francisco%2C+CA!5e0!3m2!1sen!2sus!4v1386382114473' width='640' height='640' frameborder='0' style='border:0'></iframe> 	</div> </div>