Greg Popov

<div class="wrapper">
	<div class="circle_section">
		<div class="circle"><div class="popup"></div></div>
		<div class="circle"><div class="popup"></div></div>
		<div class="circle"><div class="popup"></div></div>
		<div class="circle"><div class="popup"></div></div>
		<div class="circle"><div class="popup"></div></div>
	</div>
</div>

* {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.popup {
	width: 250px;
	height: 150px;
	background-color: blue;
	display: inline-block;
	margin: 0px -50px;
	border: 2px solid red;
	position: absolute;
	display: none;
	left: 0;
	top: -170px
}

.circle {
	width: 100px;
	height: 100px;
	background-color: red;
	display: inline-block;
	border-radius: 50%;
	margin: 20px;
	position: relative;
}

$(function(){
	$('.circle').hover(function(){
		$(this).children('.popup').stop().show()
	},function(){
		$(this).children('.popup').stop().hide()
	})
});