<? 
  $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;
	left: 33%;
	position: absolute;
	top: 28%;
	width: 160px;
}
.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: 39%;
	position: absolute;
	top: 27%;
	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   : '70%',
          height    : '70%',
          autoSize  : false,
          closeClick  : false,
          openEffect  : 'elastic',
          closeEffect : 'none'
        });
      });
    </script>
<? if($tintuc_detail[0]['httop'] && $tintuc_detail[0]['photo2'] && file_exists(root._upload_tintuc_l.$tintuc_detail[0]['photo2'])){?>
    <div class="qc"> <img src="<?=_upload_tintuc_l.$tintuc_detail[0]['photo2']?>"> </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>
<div class="col-md-9 col-xs-12 col-sm-12 gt_left"> 
    <!-- left-->
    <div class="vdoo_left">
        <h3 class="chude"><?=$title_bar?></h3>
        <div class="col-md-8 col-xs-12 col-sm-12 vdoo_lf">
            <? $linkyou=explode('v=',$tintuc_detail[0]['mota']);?>
            <div class="load_vd"> <a class="various fancybox.iframe" href="http://www.youtube.com/embed/<?=$linkyou[1]?>?autoplay=1"> 
                <? if($tintuc_detail[0]['photo'] && file_exists(root._upload_tintuc_l.$tintuc_detail[0]['photo'])){?>
                    <img src="<?=_upload_tintuc_l.$tintuc_detail[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($tintuc_khac);$i++){
                $linkto = site.'video/'.$tintuc_khac[$i]['tenkhongdau'].'-'.$tintuc_khac[$i]['id'];	
            ?>
            <div class="vdoo_lrc">
                <div class="v_img"> <a href="<?=$linkto?>" title="<?=$tintuc_khac[$i]['ten']?>"> 
                <? if($tintuc_khac[$i]['photo'] && file_exists(root._upload_tintuc_l.$tintuc_khac[$i]['photo'])){?>
                    <img src="<?=_upload_tintuc_l.$tintuc_khac[$i]['photo']?>" width="100%" height="100%" alt="<?=$tintuc_khac[$i]['ten']?>"> 
                <? } ?></a>
                    <div class="div_play" onclick="javascript:window.location='video/<?=$tintuc_khac[$i]['tenkhongdau']?>-<?=$tintuc_khac[$i]['id']?>'"></div>
                </div>
                <div class="v_name"><a href="<?=$linkto?>"><?=$tintuc_khac[$i]['ten']?></a></div>
            </div>
            <? }?>
        </div>
    </div>
    <!-- left--> 
    
</div>
<!-- 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--> 
<div class="clear"></div>