[Artem215]

Спасибо я вроде немного разобрался)

Смотрите, вот код скрипта в html

<script type="text/javascript">

$(function(){
	$('.close').click(function(){
	   $('.popup_modal').bPopup().close();
	});
});

$(function(){
	$('#py_1').click(function(){
        $('#py_1_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#py_2').click(function(){
        $('#py_2_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#py_2').click(function(){
        $('#py_2_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#py_3').click(function(){
        $('#py_3_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#cro_1').click(function(){
        $('#cro_1_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#cro_2').click(function(){
        $('#cro_2_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#cro_3').click(function(){
        $('#cro_3_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#skat_1').click(function(){
        $('#skat_1_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#skat_2').click(function(){
        $('#skat_2_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#skat_3').click(function(){
        $('#skat_3_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#snake_1').click(function(){
        $('#snake_1_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#snake_2').click(function(){
        $('#snake_2_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('#snake_3').click(function(){
        $('#snake_3_modal').bPopup({
	    easing: 'easeOutBack', //uses jQuery easing plugin
            speed: 650,
            transition: 'slideDown'
        });
     });
     $('.show_modal').click(function(){
        $('#form_modals').bPopup({
            speed: 650,
            transition: 'slideIn'
        });
     });
     $('.go_see_more').click(function(){
        $('#form_modals_see_more').bPopup({
            speed: 650,
            transition: 'slideIn'
        });
     });
});
</script>

, а вот стиль который отвечает за закрытие

.popup_modal{
	display: none; width: 400px; height: 300px; background: #fff; 
    border: 4px solid rgba(0,0,0,0.5); border-radius: 10px;
	position: relative;
}
.popup_modal .close{
	position: absolute;
	top: 4px;
	right: 4px;
	font: 14px sans-serif; 
	background: rgba(0, 0, 0, 0.5);
	display: block;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 15px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
}
.popup_modal.more_modal{
    width: 606px;
    height: 480px;
    padding: 20px 20px 20px 20px;
    font: 18px PFDinTextCondPro;
    line-height: 26px;
    position: relative;
    background: url('../images/action/back.png') repeat-x 0 -20px;
}