Слайдер на весь экран!

Добрый день! Ситуация такая: на сайте есть окошко (div) в котором крутится слайдер. При нажатии на кнопочку окошко со слайдером разворачивается во весь экран. И все бы хорошо, только вот беда, после разворачивания во весь экран слайдер ведет себя странно, а именно, неправильно отображает картинки. Такое ощущение что "запутался в размерах". Но стоит нажать Ctrl+Scroll (немножко крутануть колесико при зажатом Ctrl) и все отображается как надо! Пожалуйста, подскажите если кто знает, как вылечить??? Замучился уже, второй день сижу. Ссылка ниже. Код выложу если надо. http://funbookforkids.com/admin/030-pagination.html

Таким образом разворачиваю:

$(document).ready(function() {  
	$('#modal_open').click( function(event){ 
		event.preventDefault(); 
		$('#overlay').fadeIn(200,  
		 	function(){  
				$('.linsmob')  
					.css('display', 'block')  
					.animate({opacity: 1}, 200); 
				$('.swiper-container').appendTo('.linsmob'); 
				$('#modal_open').css('display', 'none'); 
		}); 
	}); 
	 
 
$('#modal_close').click( function(){  
		$('.linsmob') 
			.animate({opacity: 0}, 200,  
				function(){  
					$(this).css('display', 'none');  
					$('#overlay').fadeOut(200); 
					$('.swiper-container').appendTo('.m_cnt'); 
					$('#modal_open').css('display', 'block'); 
				} 
			); 
	}); 
 
});

Исходное положение

Получается:

Должно быть: