<? 
  $d->reset();
  $sql="select * from #_about";
  $d->query($sql);
  $abo=$d->result_array();
  $sql="select * from #_gioithieu_item where hienthi=1 order by stt";
  $d->query($sql);
  $gtcat=$d->result_array();
  $sql="select * from #_vdo_item where hienthi=1 order by stt";
  $d->query($sql);
  $video=$d->result_array();
?>
<style type="text/css">
.div_play {
	background-color: rgba(56, 167, 177, 0.7);
	border-radius: 30px;
	height: 40px;
	left: 35%;
	position: absolute;
	top: 28%;
	width: 40px;
}
.div_play::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.62);
	border-image: none;
	border-style: solid;
	border-width: 10px 5px 10px 15px;
	content: "";
	height: 0;
	left: 41%;
	position: absolute;
	top: 27%;
	width: 0;
}
.div_play:hover {
	background-color: rgba(56, 167, 177, 1);
	cursor: pointer;
}
.div_play2 {
	background-color: rgba(56, 167, 177, 0.7);
	border-radius: 88px;
	height: 160px;
	/* position: absolute; */
	width: 160px;
	margin: 65px auto;
}
.div_play2::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.62);
	border-image: none;
	border-style: solid;
	border-width: 40px 20px 40px 60px;
	content: "";
	height: 0;
	left: 46%;
	position: absolute;
	top: 33%;
	width: 0;
}
.div_play2:hover {
	background-color: rgba(56, 167, 177, 1);
	cursor: pointer;
}
.v_img {
	width: 120px;
	height: 85px;
	float: left;
	position: relative;
	border: 1px solid #CCC;
}
.v_name {
	width: 115px;
	float: left;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	$(".various").fancybox({
	  maxWidth  : 800,
	  maxHeight : 600,
	  fitToView : true,
	  width   : '100%',
	  height    : '100%',
	  autoSize  : false,
	  closeClick  : false,
	  openEffect  : 'elastic',
	  closeEffect : 'none'
	});
  });
</script>
<? 
  $d->reset();
  $sql="select * from #_about";
  $d->query($sql);
  $abo=$d->result_array();
?>
<? if($abo[0]['photo'] && file_exists(root._upload_tintuc_l.$abo[0]['photo'])){?>
    <div class="qc"> <img src="<?=_upload_hinhanh_l.$abo[0]['photo']?>" > </div>
<? } ?>
<div class="breachcum"> 
    <div class="col-md-10 col-xs-12 col-sm-12"><a href="<?=site?>">Trang chủ</a> » Video</div>
    <? require_once _template."social.php" ; ?>
</div>
<!-- left-->
<div class="col-md-9 col-xs-12 col-sm-12 gt_left">
    <div class="vdoo_left">
        <h3 class="chude"><?=$title_bar?></h3>
        <div class="">
            <div class="col-md-8 col-xs-12 col-sm-12 vdoo_lf">
                <? $linkyou=explode('v=',$result_news[0]['mota']);?>
                <div class="load_vd"> <a class="various fancybox.iframe" href="http://www.youtube.com/embed/<?=$linkyou[1]?>?autoplay=1">
                    <? if($result_news[0]['photo'] && file_exists(root._upload_tintuc_l.$result_news[0]['photo'])){?>
                    <img src="<?=_upload_tintuc_l.$result_news[0]['photo']?>">
                    <? } ?>
                    <div class="div_play2"></div>
                    </a> </div>
            </div>
            <div class="col-md-4 col-xs-12 col-sm-12 vdoo_lr">
                <? 
				for($i=0;$i<count($result_news);$i++){
					$linkto = site.'video/'.$result_news[$i]['tenkhongdau'].'-'.$result_news[$i]['id'];	
					?>
                <div class="vdoo_lrc">
                    <div class="v_img"> <a href="<?=$linkto?>" title="<?=$result_news[$i]['ten']?>">
                        <? if($result_news[0]['photo'] && file_exists(root._upload_tintuc_l.$result_news[0]['photo'])){?>
                        <img src="<?=_upload_tintuc_l.$result_news[$i]['photo']?>" width="100%" height="100%" alt="<?=$result_news[$i]['ten']?>">
                        <? } ?>
                        </a>
                        <div class="div_play" onclick="javascript:window.location='video/<?=$result_news[$i]['tenkhongdau']?>-<?=$result_news[$i]['id']?>'"></div>
                    </div>
                    <div class="v_name"><a href="<?=$linkto?>" title="<?=$result_news[$i]['ten']?>">
                        <?=$result_news[$i]['ten']?>
                        </a></div>
                </div>
                <? }?>
            </div>
        </div>
    </div>
</div>
<!-- left--> 
<!-- right-->
<div class="col-md-3 col-xs-12 col-sm-12 vdri">
    <div class="right-col">
        <h2>Giới thiệu</h2>
        <div class="item-right">
            <div class="r-menu">
                <ul>
                    <li> <a class="noactive" href="gioi-thieu">
                        <?=$abo[0]['ten']?>
                        </a> </li>
                    <? for($i=0;$i<count($gtcat);$i++){
		$d->reset();
		$sql="select * from #_gioithieu where id_item='".$gtcat[$i]['id']."' ";
		$d->query($sql);
		$gtbv=$d->result_array();
	?>
                    <li> <a class="noactive" href="gioi-thieu/<?=$gtcat[$i]['tenkhongdau']?>" >
                        <?=$gtcat[$i]['ten']?>
                        </a>
                        <? if($gtbv!=null){?>
                        <ul>
                            <? for($j=0;$j<count($gtbv);$j++){?>
                            <li> <a class="noactive" href="gioi-thieu/<?=$gtbv[$i]['tenkhongdau']?>-<?=$gtbv[$j]['id']?>" >
                                <?=$gtbv[$j]['ten']?>
                                </a> </li>
                            <? }?>
                        </ul>
                        <? }?>
                    </li>
                    <? }?>
                    <li> <a class="noactive" href="video">Video Khang Điền</a>
                        <ul>
                            <? for($i=0;$i<count($video);$i++){?>
                            <li><a href="video/<?=$video[$i]['tenkhongdau']?>">
                                <?=$video[$i]['ten']?>
                                </a></li>
                            <? }?>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- right-->