.vgallery {position:relative;}
.vgallery *{margin:0 0;padding:0 0;box-sizing:border-box;}
.vgallery ul,.vgallery ol{list-style-type:none;}
.vgallery ul li{list-style:inherit;}
.vgallery>ul {}
.vgallery>.ctr_arrows>.arrows>.arrow {cursor:pointer; padding: 2px; /*width: 80px !important; height: 80px !important;*/  display: inline-block}
.vgallery>ul>.controls>.ctr{position:absolute;height:30%;top:35%;width:30px;border:0px solid #ddd;left:0px;cursor:pointer;}
.vgallery>ul>.controls>.ctr{background:url(//cdn11.bigcommerce.com/s-h2ndx0vf/templates/__custom/images/vgallery.png?t=1680479304) center center no-repeat; background-position: 6px;display: none;}
.vgallery>ul>.controls>.ctr:before{content:'';position:absolute;width:100%;height:100%;background:#fff;opacity:0;transition:0.5s;}
.vgallery>ul>.controls>.ctr:hover:before{opacity:0.1;}
.vgallery>ul>.controls>.ctr_next{right:0px;left:auto;background-image:url(//cdn11.bigcommerce.com/s-h2ndx0vf/templates/__custom/images/vgallery.png?t=1680479304); background-position: -34px;}

.vgallery_normal {}
.vgallery_normal>ul{display:block;width:100%;height:100%;position:relative;overflow:hidden; min-height: 464px; background-color: #fff; /*border: 1px solid #e4e4e4;*/}
.vgallery_normal ul>li{position:absolute;width:100%;height:100%;transition:0.5s;opacity:0;left:100%; text-align: center;}

.vgallery_normal ul>li.e{opacity:0;left:-100%;}
.vgallery_normal ul>li.c{opacity:1;left:0px;}
.vgallery_normal ul>li img{max-width:100%; position: relative; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; margin-left:  auto; margin-right: auto;}


.vscroll_viewer  {position:relative; margin-top: 18px;margin-bottom: 18px;}
.vscroll_viewer .vscroll_control .ctr{
    position:absolute;
    height:auto;
    top:35%;
    background:none;
    cursor:pointer;
}
.vscroll_viewer .vscroll_control .ctr:before{
    font-family: "FontAwesome";
    font-size: 32px;
    line-height: 25px;
    display: block;
}
.vscroll_viewer .vscroll_control .ctr.ctr_next{
    right: 0;
}
.vscroll_viewer .vscroll_control .ctr.ctr_next:before{
    content: "\f105";
}
.vscroll_viewer .vscroll_control .ctr.ctr_preview:before{
    content: "\f104";
}
.vscroll_viewer .vscroll_control .ctr.ctr_preview{
    left: 0;
}

.vscroll_viewer .vscroll_ul{transition:0.3s;}
.vscroll_viewer .vscroll_li{text-align:center;display:block;vertical-align:middle;/*opacity:0.5;*/ padding: 0;cursor: pointer;}

.vscroll_viewer .vscroll_li.selected{/*opacity:1;*/}
.vscroll_viewer .vscroll_li.selected > .athum,
.vscroll_viewer .vscroll_li:hover > .athum{border-color: #000;}


.vgallery_popup {position:fixed;top:0px;left:-100%;width:100%;height:100%;z-index:999;transition:0.5s;}
.vgallery_popupx {position:fixed;top:0px;left:0px;width:100%;height:100%;}
.vgallery_popup.view {left:0px;}
.vgallery_popup>table {width:100%;height:100%;visibility: hidden; opacity: 0; }
.vgallery_popup.view>table {visibility: visible; opacity: 1; }
.vgallery_popup>table>tbody>tr>td {vertical-align:middle;}
.vgallery_popup>table>tbody>tr>td>.aclose {position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;visibility: hidden; opacity: 0;}
.vgallery_popup.view>table>tbody>tr>td>.aclose {visibility: visible; opacity: 0.8; }
.vgallery_popup>table>tbody>tr>td>.acontent {position:relative;/*border:1px solid #ddd;*/ visibility: hidden; opacity: 0; margin:0px auto; min-height: 500px;max-height: 500px;-webkit-box-shadow: 0px 0px 33px 11px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 33px 11px rgba(0,0,0,0.26);
box-shadow: 0px 0px 33px 11px rgba(0,0,0,0.26);
max-width: 1024px;
}
.vgallery_popup.view>table>tbody>tr>td>.acontent {visibility: visible; opacity: 1;}
.vgallery_popup>table>tbody>tr>td>.acontent>.abackground {background:#fff;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:1;}
.vgallery_popup>table>tbody>tr>td>.acontent>.bcontent{top: 10px;
left: 10px;
overflow: hidden;
position: absolute;
right: 10px;
bottom: 10px;}
.vgallery_popup>table>tbody>tr>td>.acontent>.bclose {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
border-radius: 50%;
cursor: pointer;
background: #EE6235 url("//cdn11.bigcommerce.com/s-h2ndx0vf/templates/__custom/images/vgallery.png?t=1680479304") no-repeat scroll -178px -179px
}
.vgallery_popup>table>tbody>tr>td>.acontent>.bclose:hover {
background-color: #000;
}


.vgallery_popup *{box-sizing:border-box;margin:0 0;padding:0 0;}
.vgallery_popup .content_slide{}
.vgallery_popup .content_slide .box1{width: 69%;
   overflow: hidden;
top: 0px;
left: 0px;
position: absolute;
height: 100%;
border: 1px solid #CCC;}
.vgallery_popup .content_slide .box1 .cta_slide{position:absolute;height:100%;width:100%;top:0px;left:0px;}
.vgallery_popup .content_slide .box1 .cta_slide>.ctrs .ctr{position:absolute;width:50px;height:30%;top:35%;left:0px;cursor:pointer;}
.vgallery_popup .content_slide .box1 .cta_slide>.ctrs .ctr:before{content:'';display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;background: rgba(255,255,255,0.5) url(//cdn11.bigcommerce.com/s-h2ndx0vf/templates/__custom/images/vgallery.png?t=1680479304) center center no-repeat;cursor:pointer;opacity:0;transition:0.5s;  background-position: 15px;}
.vgallery_popup .content_slide .box1 .cta_slide:hover>.ctrs .ctr:before{opacity:0.7;}
.vgallery_popup .content_slide .box1 .cta_slide>.ctrs .ctr_next{left:auto;right:0px;}
.vgallery_popup .content_slide .box1 .cta_slide>.ctrs .ctr_next:before{background-image:url(//cdn11.bigcommerce.com/s-h2ndx0vf/templates/__custom/images/vgallery.png?t=1680479304); background-position: -20px;}
.vgallery_popup .content_slide .box1 .cta_slide .cta_slide_table{width:100%;height:100%;}
.vgallery_popup .content_slide .box1 .cta_slide .cta_slide_table td{vertical-align:middle;height:100%;width:100%; display: table;}
.vgallery_popup .content_slide .box1 .ctb_slide{/*padding:10px 10px;*/overflow:hidden;height:100%; display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.vgallery_popup .content_slide .box1 .ctb_slide img{max-width: 100%; /*max-width:380px;*/ max-height: 480px;}
.vgallery_popup .content_slide .box2{position: absolute; text-align: left;
top: 0px;
right: 0px;
width: 30%;
height: 100%;
border: 1px solid rgb(204, 204, 204);
padding: 10px;}
.vgallery_popup .content_slide .box2 ul{clear:both; text-align: left !important;}
.vgallery_popup .content_slide .box2 ul li{display:inline;display:inline-block;width:62px;height:62px;overflow:hidden;position:relative; text-align: center;}
.vgallery_popup .content_slide .box2 ul li{margin-right:5px;}
.vgallery_popup .content_slide .box2 ul li>span{position:absolute;border: 1px solid #ccc; border-radius: 3px;width:100%;height:100%;top:0%;left:0px;overflow:hidden;display:block;cursor:pointer;}
.vgallery_popup .content_slide .box2 ul li>span.ss{border:1px solid #EE6235; height: 100%}
.vgallery_popup .content_slide .box2 ul li img{height:100%;}
.vgallery_popup .content_slide .box2 h2{padding-bottom: 15px; text-align: left; font-size: 14px;}
.vgallery_popup .content_slide .box2 .noidung_1{padding-bottom: 15px; border-bottom: 1px solid #CBCBCB; margin-bottom: 15px;}
.vgallery_popup .content_slide .box2 .noidung_1 h2:before{content:'Product Image';}
.vgallery_popup .content_slide .box2 .noidung_2 h2:before{content:'Product Video';}

        /*.athum {width:80%;height:80%;margin-top:10%;display:inline;display:inline-block;overflow:hidden;}*/
        .athum {
            display:table;
            table-layout: fixed;
            height: 100%;
            text-align: center;
            overflow:hidden; padding: 5px; 
            border:none;
            border-bottom: 2px solid transparent;
            margin: 0 auto;
            background-color: #fff;
        }
        .athum > span{
            display: table-cell;
            vertical-align: middle;
        }
        .ctb_slide > iframe {min-height: 300px; }
@media (max-width:767px) {
    .vgallery_popup .content_slide .box1 ,.vgallery_popup .content_slide .box2  {border: 0;}
    .vgallery_popup .content_slide .box1 ,.vgallery_popup .content_slide .box2 ,
    .vgallery_popup>table>tbody>tr>td>.acontent>.bcontent,.vgallery_popup .content_slide .box1 .cta_slide{position:relative;top:0px;left:0px;width:100%;height:auto;}
     .vgallery_popup .content_slide .box1 .cta_slide .cta_slide_table {height:auto;}
    .vgallery_popup .content_slide .box1 .cta_slide > .ctrs .ctr {width: 36px;
    height: 20%;}
    .vgallery_popup .content_slide .box1 .cta_slide > .ctrs .ctr::before {opacity: 1;}
    .vgallery_popup .content_slide .box2 ul {text-align: center;}
}