<style type="text/css">

.listproduct > h2{
    background: #ff5722;
    padding: 12px 15px;
    white-space: nowrap;
    text-transform: uppercase;
}
.listproduct > h2 a {
    font-weight: bold;
	color: #FFF;
    font-size: 16px;
}
.listproduct > h2 a:hover {
	color: #FF0;
    font-size: 16px;
	font-weight: bold;
}
.dealmoi {
	text-align:right;
	color:#FFF;
	padding:10px;
}
.item h2 {
	color:#444;
	font-size:14px;
	line-height:22px;
}
</style>
<div class="row listproduct">
<?php $this->load->view('home/banner');?>
<?php 
	foreach ($list_cat as $cat) : 
		$linkcat = site.'chuyen-muc/'.alias($cat->CategoryName).'-'.$cat->CategoryID.'.html';
		$list = $this->sanpham->get_hotproduct($cat->CategoryID,12,0);
?>
	<h2><a href="<?=$linkcat?>" title="<?=$cat->CategoryName?>"><?=$cat->CategoryName?></a></h2>
    <div class="grid">
    <?php
    foreach ($list as $rs) : 
        $links = site.'chi-tiet/'.$rs->Alias.'-'.$rs->ProductID.'.html';
    ?>
        <div class="item col-md-2 col-sm-4 col-xs-6">
            <div class="img">
                <a class="i_img" href="<?=$links?>" title="<?=$rs->ProductName?>">
                    <img src="<?=urlimg?>products/200/<?=$rs->ProductImg?>" width="100%" height="320px" alt="<?=$rs->ProductName?>" /></a>
                <a href="<?=$links?>" class="btn" title="<?=$rs->ProductName?>">Xem ngay »</a>
            </div>
            <a href="<?=$links?>"><h2 class="i_name"><?=$rs->ProductName?></h2></a>
            <div class="i_price">
                <p><span class="price"><?=pricevn($rs->Price)?> đ</span><span><del><?=pricevn($rs->Price_Old)?></del> đ</span></p>
                <p><?=$rs->nb_view?></p>
            </div>
        </div>
    <? endforeach ; ?>
    </div>
    <div class="paging"><?//=$pagination?></div>
<?php endforeach; ?>
</div>