<!--<h3 style="text-align:center;color:#0056A8">ĐỐI TÁC</h3>-->
<style type="text/css">
ul {
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
}
#partner {
    overflow: hidden;
    margin-bottom: 12px;
}
.content-slider ul {
	height:80px  !important;
}
.content-slider li {
	color: #FFF;
	width:200px;
    background: #444;
	padding:15px 0 !important;
	border:1px solid #CCC;
}
.content-slider img {
	margin: 0;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
    padding: 5px 0;
}
.lSSlideOuter .lSPager.lSpg {
	display:none;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
    height: 90px !important;
}
</style>
<!--slide banner cho doi tac-->
<link  href="<?=skin?>css/lightslider.css" rel="stylesheet" />
<script src="<?=skin?>js/lightslider.js"></script>
<div id="partner" class="row large-columns-5 medium-columns-3 small-columns-2">
    <ul id="content-slider" class="content-slider">
    	<?php
		$this->load->helper('common') ;
		$banner_doitac = get_banner_doitac();
		foreach ($banner_doitac as $rs) : ?>
        	<li><a href="<?=$rs->lb_url?>" title="<?=$rs->lb_title?>"><img src="<?=urlimg?>banner/<?=$rs->lb_image?>" alt="<?=$rs->lb_title?>" height="120px" /></a></li>
		<? endforeach ;?>
    </ul>
</div>
<script>
	 $(document).ready(function() {
		$("#content-slider").lightSlider({
			loop:true,
			autoWidth:true,
			keyPress:true,
			item:5,
			controls: false,
			useCSS:false,
			slideMargin: 15,
			speed:500,
			auto:true,
			onSliderLoad: function() {
				$('#image-gallery').removeClass('cS-hidden');
			}  
		});
	});
</script>