<div class="video_card" data-js-unit="ui/VideoCard">
<div class="thumb_rel" data-block="thumb">
<div class="play_btn" data-block="play"></div>
<table class="thumb"><tr><td valign="middle">
<img data-block="image" width="100%">
</td></tr></table>
</div>
<div class="video" data-block="video">
<iframe frameborder="0" allowfullscreen width="100%" height="100%"></iframe>
</div>
</div>
<div class="popup-layout" data-js-unit="AjaxWindow" data-js-unit-options="{"model":"custom"}">
<div class="popup" data-modal-size-target>
<div data-ajax-url="/Product/Product/List" data-js-unit="AjaxUnit" data-js-unit-options="{"errorAction":"alert"}" data-ajax="ajax-window-loader" data-ajax-data="">
<div data-state="initial">
</div>
<div data-state="loading" style="display: none;">
<button class="popup__close-btn" data-role="close"></button>
<h3 class="popup__title">Loading ...</h3>
</div>
<div data-state="success" style="display: none;">
</div>
</div>
</div>
<script type="text" data-js-unit-on="open">
this.$root.css('display','flex');
$('.popup', this.$root).css('display','block');
$('html').css('overflow-y', 'hidden');
this.load();
</script>
<script type="text" data-js-unit-on="close">
$('html').css('overflow-y', 'auto');
</script>
</div>
