<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/style.css?11" type="text/css" media="screen" /> 
<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>
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('.vidoe_play_bg,.gif_play_bg,.itemtag a');
</script>
<![endif]-->
<script>
        $(function(){
			$('.cate_tabs ul li').removeClass('cat-item');
			if($('.current-cat a').length>0){
			 $('.cate_tabs ul li a').removeClass('current_tab');
			 $('.current-cat a').addClass('current_tab');
			}
			$('.btn_list li').removeClass();
			})
</script>
<style>
.navigation{
	float:none;
	text-align:center;
	}
.graybox{
	 padding:0;
	}
.cat-item a {
	width:auto;
	}
</style> 
<div id="list-main">

<table class="list-table">
<tbody><tr>
	<td valign="top" class="list-table-left">
       
		<div class="cate_tabs"><ul><li><font size="2px"><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_order=asc");
   
?></font>
        </ul></div>		<div class="waterfall_loading"></div>
		<div class="waterfall pic-waterfall masonry" style="position: relative;  visibility: hidden; ">
		<?php $count = 1; ?>
        <?php
        /*
		$categorys = get_category($cat);
		$canid = $categorys->term_id;
		$limit = get_option('posts_per_page');
		$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
		query_posts('&showposts=' . $limit = 2 . '&paged=' . $paged . '&cat='.$canid);
		$wp_query->is_archive = true;
		$wp_query->is_home = false;*/
		 if (have_posts()) : ?>
	    <?php while (have_posts()) : the_post(); ?>
		<div class="item masonry-brick" >
			<div class="itembody">

				<a class="itemlink" href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
					<?php the_post_thumbnail('largephoto',array('alt' => trim(strip_tags( $post->post_title )),'title'=> trim(strip_tags( $post->post_title )))); ?>
					
				</a><div class="itemtag">
                <a href="<?php bloginfo('url'); ?>/tag/<?php
			  $posttags = get_the_tags();
			  $count=0;
			  if ($posttags) {
			  foreach($posttags as $tag) {
				  $count++;
				  if (1 == $count) {
					  $tagu = $tag->name;
				      echo $tag->name . '';
				  }
			    }
			  }
				 ?>"><span>
			<?php
			 echo $tagu;
				 ?>
                 </span></a>
                 </div><div class="itemmeta">
					<div class="item_meta">
						<div class="item_meta_content">
							<a class="user_name" href="#"><?php the_author_meta('display_name');?></a>&nbsp;收录在&nbsp;<?php the_category(', ') ?>
							<br>标签：<?php the_tags('标签：', ', ', ''); ?><br>
						</div>
						<div class="clear"></div>
					</div><p>
                       <?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 150,"...","utf-8"); ?>
                     </p></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 style="clear:both"></div>
          </div>
        </div>	</td>
	<td valign="top" class="list-table-right">
		<a id="show_cate_list_btn" class="btn_list_button" style="color:#FFF;" href="javascript:void(0);"><font size="2px">展开全部图片分类</font></a>
        <ul class="btn_list">
        <li style="border-top:none"><a href="<?php echo  get_category_link(get_category_root_id($cat));?>"><font size="2px">全部</font></a></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>
		
		<div>            
            <!--广告位-->
		</div>
			</td>
</tr>
</tbody></table>
</div>
<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>