<div id="NewsBox">
	<div class="bg"<?# newsStyle ?>></div>
	<div class="workframe">
		<div class="leftPhoto">
			<php:repeater id="listPT">
			<template>
			<div><a class="photo" href="<?# Link ?>" title="<?# Title ?>" target="_blank" style="background-image:url(<?# Image ?>);"><img src="/images/30/img-productPhoto.png" alt="<?# Title ?>" /><font><?# Title ?></font></a></div>
			</template>
			</php:repeater>
		</div>
		<ul>
			<php:repeater id="listN">
			<template>
			<li>
				<div class="newImg"><a class="photo" href="<?# link ?>" title="<?# Title ?>" style="background-image:url(<?# Image ?>);"><img src="/images/30/img-newPhoto.png" alt="<?# Title ?>" /></a></div>
				<div class="info">
					<h3 class="text-clamp"><a href="<?# link ?>" title="<?# Title ?>"><?# Title ?></a></h3>
					<p class="time"><?# OnlineDate ?></p>
					<p class="text-clamp describe"><?# Introduction ?></p>
					<p class="more"><a href="<?# link ?>" title="<?# Title ?>">READ MORE<font class="dote"><span></span><span></span><span></span></font></a></p>
				</div>
			</li>
			</template>
			</php:repeater>
		</ul>
	</div>
</div>
<script>
	$(function(){
		$('#NewsBox ul').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 1,
			adaptiveHeight: true
		});

		$('#NewsBox .leftPhoto').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 500,
			fade: true,
			cssEase: 'linear'
		});
	});
	$(window).scroll(function(){
		if($(document).scrollTop() >= $("#NewsBox").position().top){
			$('#gradient').css('background', 'rgba(243, 243, 243, .2)');
		}
	});
</script>