#SubProductOtherItem {width:1200px;position:relative;z-index: 1;float: left;}
#SubProductOtherItem .head {width:100%;text-align:left;font:normal 28px/24px 'UTMBebas'; color:#2a904f;text-transform: uppercase;margin-bottom: 20px;}
#SubProductOtherItem #lstCaroulPrO {position:relative;z-index:1}
#SubProductOtherItem ul {padding:0;margin:0}

#SubProductOtherItem .btnNextPrO {width:30px;height:30px;background:url(next.png) no-repeat center center;z-index:1;opacity:0.8;display: inline-block;position: absolute;top: 1px;right: 0;}
#SubProductOtherItem .btnPrevPrO {width:30px;height:30px;background:url(prev.png) no-repeat center center;z-index:10;opacity:0.8;display: inline-block;position: absolute;top: 1px;right: 40px;}
#SubProductOtherItem .btnNextPrO:hover, #SubProductCateHome .btnPrevPrO:hover {opacity:1}



#SubProductOtherItem ul li{width: 281px;height: 313px;border: 1px solid #e7e7e7;display: inline-block;/*margin-right: 22px*/;margin-bottom: 22px;position: relative;}
#SubProductOtherItem ul li *{ transition: 0.3s;}
#SubProductOtherItem ul li .frameOut{ width: 281px;height: 232px;display: table;background: #fff;border-bottom: 1px solid #e7e7e7}
#SubProductOtherItem ul li .frameOut .frameIn{width: 281px;height: 232px;display: table-cell;text-align: center;vertical-align: middle;}
#SubProductOtherItem ul li .frameOut .frameIn img{ max-width: 281px;max-height: 232px;}
#SubProductOtherItem ul li .nameProduct{ display: table;height: 78px;width: 281px;background: #f9f9f9;position: relative;}
#SubProductOtherItem ul li .nameProduct .titNews{ display: table-cell;height: 78px;width: 281px;vertical-align: middle;text-align: center;font: bold 16px/22px Arial;color: #333;padding: 10px;box-sizing: border-box;}
#SubProductOtherItem ul li .nameProduct .icoArrow{ background: url(icoarrow.png.ashx) no-repeat center;width: 18px;height: 9px;position: absolute;top: -9px;left: 24px;display: block;}
#SubProductOtherItem ul li:hover .titNews{color: #00a1f1}

#SubProductOtherItem .owl-prev{width:30px;height:30px;background:url(prev.png) no-repeat center center;z-index:10;opacity:0.8;display: inline-block;position: absolute;top: -43px;right: 55px;text-indent: 999px}
#SubProductOtherItem .owl-next{width:30px;height:30px;background:url(next.png) no-repeat center center;z-index:1;opacity:0.8;display: inline-block;position: absolute;top: -43px;right: 15px;text-indent: 999px}

@media (max-width: 1000px) {
    #SubProductOtherItem{ width: 100%;overflow: hidden}
    #SubProductOtherItem ul li{ opacity: 1;position: inherit;width: 98%;margin:10px 1%}
    #SubProductOtherItem ul li .moreInfo{display: none !important}
    #SubProductOtherItem ul li .frameOut{width: 100%}
    #SubProductOtherItem ul li .frameOut .frameIn img{ max-height: 232px;max-width: 100%}
    #SubProductOtherItem ul li .nameProduct{width: 100%}
    #SubProductOtherItem ul li .nameProduct .titNews{width: 100%}
    #SubProductOtherItem .owl-prev{right: 40px}
    #SubProductOtherItem .owl-next{right: 0px}
}

@media (max-width: 736px) {
    #SubProductOtherItem{width: 100%}
    #SubProductOtherItem ul li{ opacity: 1;position: inherit;width: 99%;margin-right: inherit}
    #SubProductOtherItem ul li .moreInfo{display: none !important}
    #SubProductOtherItem ul li .frameOut{width: 100%}
    #SubProductOtherItem ul li .frameOut .frameIn img{ max-height: 232px;max-width: 100%}
    #SubProductOtherItem ul li .nameProduct{width: 100%}
    #SubProductOtherItem ul li .nameProduct .titNews{width: 100%}
    #SubProductOtherItem .owl-prev{right: 40px}
    #SubProductOtherItem .owl-next{right: 0px}
}