{block:vod_cates type="vod" n="10" top="20"}
{loop:$data $vod}  

<div class="stui-pannel stui-pannel-bg clearfix">	
	<div class="stui-pannel-box clearfix">

		<div class="col-lg-wide-75 col-xs-1 padding-0">													
			<div class="stui-pannel_hd">
				<div class="stui-pannel__head clearfix">
					<a class="more text-muted pull-right" href="{$vod['cate']['url']} ">更多 <i class="icon iconfont icon-more"></i></a>
					<h3 class="title">
						<img src="{$path_tpl}statics/icon/icon_1.png"/>
						<a href="{$vod['cate']['url']} ">{$vod['cate']['name']} </a>
					</h3>
					<ul class="nav nav-text pull-right hidden-sm hidden-xs">
						{loop:$vod[cate][sonlist] $c} 
                        <li><a href="{$c.url}" class="text-muted">{$c.name}</a> <span class="split-line"></span></li>
                        {/loop} 
					</ul>
				</div>																		
			</div>
			<div class="stui-pannel_bd clearfix">
				<ul class="stui-vodlist clearfix">
{loop:$vod[list] $v} 
					<li class="col-md-5 col-sm-4 col-xs-3 ">
						<div class="stui-vodlist__box">
	<a class="stui-vodlist__thumb" href="{$v.url}" title="{$v.name}" style="background: url({$v.pic}) no-repeat; background-position: 50% 50%; background-size: cover;">		
	<span class="play hidden-xs"></span>		
		<span class="pic-text text-right">{$v.remarks}</span>
	</a>									
	<div class="stui-vodlist__detail">
		<h4 class="title text-overflow"><a href="{$v.url}" title="{$v.name}">{$v.name}</a></h4>
		<p class="text text-overflow text-muted hidden-xs">{$v.actor}</p>
	</div>												
</div>											
					</li>
{/loop} 

				</ul>																							
			</div>		
		</div>	


		<div class="col-lg-wide-25 hidden-md hidden-sm hidden-xs">												
			<div class="stui-pannel_hd">
				<div class="stui-pannel__head clearfix">
					<h3 class="title">
						<img src="{$path_tpl}statics/icon/icon_12.png"/>
						热播榜
					</h3>													
				</div>																		
			</div>
			<div class="stui-pannel_bd">
				<ul class="stui-vodlist__media active col-pd clearfix">
				</ul>
				<ul class="stui-vodlist__rank col-pd clearfix">
        
{loop:$vod['top'] $v} 
<li>
	<a href="{$v.url}" title="{$v.name}">
		<span class="text-muted pull-right hidden-md">
			{$v.views}
		</span>
		<span class="badge badge-first">{$v.i}</span>{php} sname($v['name'],12) {/php}</a>
</li>			
{/loop} 
				</ul>
			</div>
		</div>
	</div>
</div>
{/loop}    
{/block}