<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/style.css?11" type="text/css" media="screen" />
<style type="text/css">
a:link {
	color:#666;
}
a:visited {
	color: #666;
}
a:hover {
	color: #E17F24;
	text-decoration:underline;
}
a:active {
	color: #666;
}
.navigation{
	float:none;
	text-align:center;
	}
.graybox{
	 padding:0;
	}
.cat-item a {
	width:auto;
	}
</style>
<script language="javascript" src="<?php bloginfo('template_directory');?>/js/masonry.min.js"></script>
<script language="javascript" src="<?php bloginfo('template_directory');?>/js/common.js?7"></script>
<script type="text/javascript">var pagetype = "pic";</script>
<br>
<table class="list-table">
<tbody>
<tr>
	<td valign="top" class="list-table-left">
		<div class="cate_tabs"><ul><font size="2px"><li><a class="current_tab" href="<?php echo  get_category_link(get_category_root_id($cat));?>">全部</a></font></li>
        
       <font size="2px"> <?php
       wp_list_cats("child_of=" . get_category_root_id($cat) . "&depth=0&hide_empty=0&sort_column=name");
   
?>
        </font></ul></div>		
        <div class="waterfall_loading"></div>
		<div class="waterfall masonry" style="position: relative; height: 2376px; visibility: hidden; ">
		<?php $count = 1; ?>
        <?php if (have_posts()) : ?>
	    <?php while (have_posts()) : the_post(); ?>
		<div class="item masonry-brick" style="position: absolute; top: 0px; left: 0px;">
			<div class="itembody">

				<a class="itemlink itemlink_video" href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
					<?php 
					vide_the_thumbnail(); 
					?>
					<div class="vidoe_play_bg"></div>
				</a>
				<div class="itemmeta">
					<a class="item_title" href="<?php the_permalink() ?>"><?=the_title();?></a> <?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 150,"...","utf-8");?></div>
			</div>
		</div> 
        <?php //else: ?>
        <?php endwhile; ?>
		<?php endif; ?> 
        </div>
		<div class="clear"></div>
		<div class="pagenavi graybox">
         <div class="navigation"><?php pagination($query_string); ?></div>
</div>	</td>
	<td valign="top" class="list-table-right">
		<a class="btn_list_button" href="javascript:void(0);" style="color:#FFF"><font size="2px">展开全部视频分类</a></font><ul class="btn_list"><li style="border-top:none"><a href="<?php echo  get_category_link(get_category_root_id($cat));?>"><font size="2px">全部</a></font></li>
         <font size="2px"> <?php
           wp_list_categories("child_of=" . get_category_root_id($cat) . "&depth=0&hide_empty=0&sort_order=desc&title_li=0");
          ?></font>
          </ul>		<div style="margin-bottom:30px;">
		

<!--------------【视频瀑布流页面】右第一广告位开始-------------->

<script type="text/javascript">
/*【瀑布流列表页】--右上--160*600*/
var cpro_id = "u1314663";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

<!--------------【视频瀑布流页面】右第一广告位结束-------------->		



</div>
		
		<div style="border:0px solid #ccc;margin-bottom:30px;">
			



<!--------------【视频瀑布流页面】第二广告位开始-------------->	


<script type="text/javascript">
     document.write('<a style="display:none!important" id="tanx-a-mm_41374337_3506389_11504497"></a>');
     tanx_s = document.createElement("script");
     tanx_s.type = "text/javascript";
     tanx_s.charset = "gbk";
     tanx_s.id = "tanx-s-mm_41374337_3506389_11504497";
     tanx_s.async = true;
     tanx_s.src = "http://p.tanx.com/ex?i=mm_41374337_3506389_11504497";
     tanx_h = document.getElementsByTagName("head")[0];
     if(tanx_h)tanx_h.insertBefore(tanx_s,tanx_h.firstChild);
</script>

<br><br><br>

<script type="text/javascript">
/*【视频瀑布流列表页右下】160*600*/
var cpro_id = "u1336009";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

   <!--------------【视频瀑布流页面】第二广告位结束-------------->			</div>
		

		<div>            
         


		</div>
		
	</td>
</tr>
</tbody>
</table>
<div style="margin:10px auto;"> 


 <!--------------【视频瀑布流页面】底部横幅广告位开始-------------->	

<script type="text/javascript">
/*【瀑布流列表页】--下横幅--960*90*/
var cpro_id = "u1314665";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

 <!--------------【视频瀑布流页面】底部横幅广告位结束-------------->	
</div>