Slider Proの最初のループで2枚目が指定の幅と高さにならない

Question

前提・実現したいこと

Slider Proでサムネイル付きのスライダーを作成しています。
http://bqworks.com/slider-pro/
選択画像のサムネイルに矢印がついている基本的なスライダーです。

レスポンシブ対応で、ブラウザで見た際は幅100%にしています。

jquery.sliderPro.min.js
はカスタマイズしていません。

スライダー画像：2枚
サムネイル画像：2枚
スライダー画像サイズ：1919×650px （2枚とも）

発生している問題・エラーメッセージ

表示（更新）して1枚目はスライダー画像とサムネイルがぴったりくっついているのですが、
2枚目が、幅を認識しておらず、変な余白がでます。

ただし、この事象は最初の1回目のみで、2週目からはきちんと表示されます。

該当のソースコード

jquery.sliderPro.min.js
はカスタマイズしていません。

スライダー画像：2枚
サムネイル画像：2枚
スライダー画像サイズ：1919×650px （2枚とも）

<!--start-MainVisual-->
<script type="text/javascript">
	$( document ).ready(function( $ ) {
		$( '#MainVisual' ).sliderPro({
			width: '100%',
			autoHeight: true,
			arrows: true,
			buttons: false,
			waitForLayers: true,
			slideAnimationDuration: 800,
			smallsize:420,
			thumbnailWidth: 100,
			thumbnailHeight: 50,
			thumbnailPointer: true,
			autoplay: true,
			autoScaleLayers: false,
			breakpoints: {
				500: {
					thumbnailWidth: 80,
					thumbnailHeight: 80
				}
			}
		});
	});
</script>