
<div style="position: relative; width: 100%; overflow: hidden;">
    <div style="position: relative; left: 50%; width: 5000px; text-align: center; margin-left: -2500px;">

    <!-- #start region Jssor Slider End -->

    <div id="jssor_1" class="slideshow-content-main" style="margin: 0 auto;">
        <!-- Loading Screen -->
		<div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
			<div style="filter: alpha(opacity = 70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
			<div style="position: absolute; display: block; background: url(images/loader.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
		</div>
		
        <!-- Start Slide-->
        <div data-u="slides" class="slideshow-content-item">
        
        	{item_slideshow}
            
        </div>
        
        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb05" style="bottom: 16px; right: 16px;" data-autocenter="1">
            <!-- bullet navigator item prototype -->
            <div data-u="prototype" style="width:16px;height:16px;"></div>
        </div>
        
		<!-- Arrow Navigator -->
		<span data-u="arrowleft" class="jssora05l"
			style="top: 0px; left: 8px; width: 40px; height: 40px;"
			data-autocenter="2"></span><span data-u="arrowright"
			class="jssora05r"
			style="top: 0px; right: 8px; width: 40px; height: 40px;"
			data-autocenter="2"></span>
    </div>
    
    <!-- #endregion Jssor Slider End -->
    
 </div>
</div>