{include file='lib/header.html'}
 
{include file="searchnav.html"}
<div style="float:none; clear:both;"></div> 
<div class="row">
<div class="span12">
<ul class="unstyled" id="container" > 
{foreach item=c from=$list}
<li  style="width:220px; border:1px #ccc solid; padding:2px; float:left; margin-top:10px; " class="box"  >
     <div  >
     <a href="index.php?m=caipu&a=show&id={$c.id}" target="_blank"> <img src="{$c.imgurl}.300x300.jpg" width="220"  > </a> 
     </div>
     <div  class="caption">
     <p style="line-height:25px;"><a href="index.php?m=caipu&a=show&id={$c.id}" target="_blank">{$c.title}</a></p>
     <p>主材：{$c.maincai}</p>
     
     </div>
</li>
{/foreach}

</ul>
<div>{$pagelist}</div>
</div>
</div>

<script language="javascript" src="js/jquery.masonry.min.js"></script>
<script language="javascript">
$(document).ready(function(){
	
	var $container=$("#container");
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.box',
        columnWidth: 230
      });
    });

});
</script>
{include file='lib/footer.html'}