<div class="watch-top">
	<div class="image-bg" style="background-image:url([xfvalue_slide])">
		<div class="image-bg-content">
			<div class="slide-block">
				<div class="slide-poster">
					<div class="quality">[xfvalue_quality]</div>
					<img width="150" height="215" src="[xfvalue_poster]" alt="{title} смотреть онлайн">
					<div class="year"><b>Год выпуска:</b> [xfvalue_year]</div>
				</div>
				<div class="slide-middle">
					<h1>{title}</h1>
					<ul class="slide-top">
						<li><b class="fa fa-clock-o">&nbsp;</b>Длительность: <b>[xfvalue_runtime]</b></li>
						<li><b class="fa fa-flag-o">&nbsp;</b>Страна: <b>[xfvalue_country]</b></li>
						[rating-type-1]<li class="right"><b>{rating}</b></li>[/rating-type-1]
					</ul>
					<div class="slide-desc">
						{short-story}
					<span class="cast"><i class="fa fa-users">&nbsp;</i> <b>В ролях:</b> [xfvalue_cast] <b>и другие</b></span>	
					</div>
					<ul class="slide-top">
						<li><b class="fa fa-ticket">&nbsp;</b>Оригинальное название: <h2>[xfvalue_other_name]</h2></li>
						<li class="right"><b class="fa fa-bookmark-o">&nbsp;</b>Жанр: <b>{link-category}</b></li>
					</ul>
				</div>
				<div class="slide-info">
					<p><b><i class="fa fa-eye">&nbsp;</i>{views}</b><span>Зрителей</span></p>
					<p><b><i class="fa fa-comment">&nbsp;</i>{comments-num}</b><span>Отзывов</span></p>
					<p><b><i class="fa fa-film">&nbsp;</i>[xfvalue_kp]</b><span>Рейтинг КП</span></p>
				</div>
				<div class="slide-tags" style="height: 28px;">
					<div class="title"><b class="fa fa-ticket">&nbsp;</b> Теги:</div>
					<ul>
					    {tags}
					</ul>
				</div>
				<div class="expand">Развернуть</div>
			</div>
		</div>
	</div>
</div>
<div id="page">
	<div id="page-content">
		<div id="player-tabs">
			<ul class="tab-title">
				 <li class="tab"><i class="fa fa-film">&nbsp;</i> Плеер 1</li>
				 <li class="tab"><i class="fa fa-film">&nbsp;</i> Сериал</li>
				 <li class="tab"><i class="fa fa-film">&nbsp;</i> Плеер 3</li>
				 <li class="tab"><i class="fa fa-film">&nbsp;</i> Плеер 4</li>
			</ul>
			<div class="tab-blocks">
            <div class="tab-content" style="width: 938px; height: 390px;">
				<div>
			        Плеер 1
		        </div>
            </div>
            <div class="tab-content" style="width: 938px;">
				<div>
			        <div id="my_video"> {videofield} {part-navigation} </div>
		        </div>
            </div>
            <div class="tab-content" style="width: 938px; height: 390px;">
				<div>
			        Плеер 3
		        </div>
            </div>
            <div class="tab-content" style="width: 938px; height: 390px;">
				<div>
			        Плеер 4
		        </div>
            </div>
            </div>
			<div class="action-buttons">
			    [rating-type-2]
			    [rating-plus]<i class="fa fa-thumbs-up"></i><span>{rating}</span>[/rating-plus]
			    [/rating-type-2]
			    [rating-type-3]
			    [rating-plus]<i class="fa fa-thumbs-up"></i><span>{rating}</span>[/rating-plus]
				[rating-minus]<i class="fa fa-thumbs-down fa-flip-horizontal"></i>[/rating-minus]			
			    [/rating-type-3]
			    [add-favorites]<i class="fa fa-heart"></i><span>В закладки</span>[/add-favorites]
			    [del-favorites]<i class="fa fa-heart"></i><span>Из закладок</span>[/del-favorites]
				<a class="r lightoff" href="#"><i class="fa fa-sun-o"></i><span>Выключить свет</span></a>
				[complaint]<i class="fa fa-exclamation-triangle"></i><span>Пожаловаться</span>[/complaint]
			    [edit]<i class="fa fa-pencil"></i><span>Редактировать</span>[/edit]
			</div>
		</div>
		<div id="screenshots">
			<ul class="title">
				<li><i class="fa fa-picture-o">&nbsp;</i> Кадры из фильма {title}</li>
			</ul>
			<div class="content">
				<ul class="movie-images" style="display: block;">
						<li class="image">
							<a class="swipebox" title="" href="[xfvalue_screen_1]"><img alt="screen" src="[xfvalue_screen_1]" title="Кадр 1">
							<span><i class="fa fa-search-plus">&nbsp;</i></span></a>
						</li>
						<li class="image">
							<a class="swipebox" title="" href="[xfvalue_screen_2]"><img alt="screen" src="[xfvalue_screen_2]" title="Кадр 2">
							<span><i class="fa fa-search-plus">&nbsp;</i></span></a>
						</li>
						<li class="image">
							<a class="swipebox" title="" href="[xfvalue_screen_3]"><img alt="screen" src="[xfvalue_screen_3]" title="Кадр 3">
							<span><i class="fa fa-search-plus">&nbsp;</i></span></a>
						</li>
						<li class="image">
							<a class="swipebox" title="" href="[xfvalue_screen_4]"><img alt="screen" src="[xfvalue_screen_4]" title="Кадр 4">
							<span><i class="fa fa-search-plus">&nbsp;</i></span></a>
						</li>
						<li class="image">
							<a class="swipebox" title="" href="[xfvalue_screen_5]"><img alt="screen" src="[xfvalue_screen_5]" title="Кадр 5">
							<span><i class="fa fa-search-plus">&nbsp;</i></span></a>
						</li>
				</ul>
			</div>	
		</div>	
    </div>
</div>
<div id="page">
<div class="comments-block">
	        <div  class="block-title"><i class="fa fa-comments-o">&nbsp;</i> Комментарии к фильму {title} ({comments-num}) </div>
	        <div class="block-content">
	        [not-comments]<div style="padding:5px; padding-top:15px;">Комментариев нет. Станьте первым!</div>[/not-comments]
	            [comments]{comments}[/comments]
                {navigation}
                {addcomments}
            </div>
        </div>
        <div class="movie-right">
		    <div class="related-movies">
				<div class="title"><i class="fa fa-film">&nbsp;</i> Похожие фильмы</div>
				<ul class="content">
				    {related-news}
				</ul>
			</div>
		</div>
<style>
#dle-content{width:100%;}
.buttons .ratingtypeplusminus, .buttons .ratingtypeplus {color:#333;}
.berrors{width: 546px;}
    .recaptchatable {float:left;}
    #dle_recaptcha {width:456px;}
    #my_video .dpad {border:none;background:none;margin-bottom:0;}
    #select_video_block {position: absolute;float: left;top: 0;margin: 10px;}
    /** Video Part System **/
    #my_video .navigation{margin:0 auto;padding:10px 0 0px;clear:both;display:table;}
    #my_video .nextprev {display:none;}
    #my_video .navigation a{height:20px;line-height:20px;float:left;padding:5px 10px;color:#fff;margin-bottom:10px;}
    #my_video .navigation a:hover{color:#fff;}
    #my_video .navigation span{float:left;padding:5px 10px;color:#fff;background:#19A3AF;height:20px;line-height:20px;border-radius:3px;margin-right:10px;}
</style>
<script>
$('body').on('change', '#select_video_block', function(){
   $('#my_video').load($(this).val() + " #my_video");
});

$('body').on('click', '.navigation a', function(){
   $('#my_video').load($(this).attr('href') + " #my_video");
   return false;
});
</script>