﻿#SubVideoOtherItem{ width: 94%;margin: 0px auto;overflow: hidden}
#SubVideoOtherItem .head{font: 15px RobotoBold;color:#333;display: block;border-bottom: 2px solid #e2e2e2;margin-top: 20px;padding-bottom: 10px}

/*#SubVideoOtherItem  .content .item{ margin-top:7%;border-bottom-right-radius: 50px;border-top-left-radius: 50px;overflow: hidden;margin-bottom: 2%}
#SubVideoOtherItem  .content .item:first-of-type{margin-top: 5%}
#SubVideoOtherItem  .khunganh {width:100%;height:0;padding-bottom:75%;  position:relative; z-index:1;background-size: cover !important;border-bottom-right-radius: 50px;border-top-left-radius: 50px;overflow: hidden}
#SubVideoOtherItem  .khunganhphu {  width:100%;height:0;padding-bottom:75%;position:absolute;top:0;left:0;z-index:2}
#SubVideoOtherItem  .content .item .name {padding:3% 4% 4% 4%;background:#fff0ef;border:1px solid #fff0ef;font:15px 'opensans';color:#000;display:block;height: 30px;overflow: hidden}
#SubVideoOtherItem .content .item .Trongitem{position:relative;font-family: Arial;background:#fff0ef}
#SubVideoOtherItem .content .item .icophoto {z-index:10;position:absolute;bottom:10px;left:3%;display:block;background:url(ico-photo.png) no-repeat center center ;width:16%;height:0;padding-bottom:12%;background-size:100% 100%}
#SubVideoOtherItem .content .item:hover .Trongitem{background:#da251c}
#SubVideoOtherItem .content .item:hover .name{background:#da251c;border:1px solid #da251c;color:#fff;transition:none}
#SubVideoOtherItem .content .item:hover .name span.name1{color:#fff;}*/


#SubVideoOtherItem  .content .item{border-bottom-right-radius: 50px;border-top-left-radius: 50px;overflow: hidden;float:left;width:100%;margin: 10px 0;list-style-type: none}

#SubVideoOtherItem  .khunganh {width:100%;height:0;padding-bottom:70%;  position:relative; z-index:1;background-size: cover !important;border-bottom-right-radius: 50px;border-top-left-radius: 50px;overflow: hidden}
#SubVideoOtherItem  .khunganhphu {  width:100%;height:0;padding-bottom:70%;position:absolute;top:0;left:0;z-index:2}
#SubVideoOtherItem  .content .item .name {padding:3% 4% 4% 4%;background:#fff;border:1px solid #fff;font:15px/18px 'Roboto';color:#000;display:block;height: 30px;overflow: hidden;width:92%}
#SubVideoOtherItem .content .item .Trongitem{position:relative;font-family: Arial;background:#fff}
#SubVideoOtherItem .content .item .icophoto {z-index:10;position:absolute;bottom:10px;left:3%;display:block;background:url(ico-photo.png) no-repeat center center ;width:16%;height:0;padding-bottom:12%;background-size:100% 100%}
#SubVideoOtherItem .content .item .Trongitem{ background: #ea0234;border-top-left-radius: 50px}
#SubVideoOtherItem .content .item .name{background:#ea0234;border:1px solid #ea0234;color:#fff;transition:none}
#SubVideoOtherItem .content .item:hover .name span.name1{color:#fff;}
 

#SubVideoOtherItem .owl-controls .owl-pagination{display:none!important}

#SubVideoOtherItem .owl-prev {background:url("btnPrev.png") no-repeat  center center ;background-size:cover ;display: inline-block;height: 0;left: 0%;padding-bottom: 10%;position: absolute;top: 80px;width: 7%;z-index: 3;display: block;color: transparent;opacity: 0.8}
#SubVideoOtherItem .owl-next {background:url("btnNext.png") no-repeat  center center ;background-size:cover ;display: inline-block;height: 0;right: 0%;padding-bottom: 10%;position: absolute;top:80px;width: 7%;z-index: 3;display:block;color: transparent;opacity: 0.8}


