{if $key == 1}
<li class="col-md-6 col-sm-4 col-xs-3">

    <div class="stui-vodlist__box">
        {if !empty($arrGrm[$key + [start]])}
        {$arrGrm[$key+[start]]|raw}
        {/if}
        <a style="color: rgb(233, 93, 80); background-image: url(&quot;/static/img/loading.webp&quot;);"
            class="stui-vodlist__thumb lazyload-bg"
            href='https://zhaoshiping.com/vod/xuan-xue-xiao-nai-bao-jing-neng-yu-ce-wei-lai-78584' title="玄学小奶包竟能预测未来"
            data-src="https://zhaoshiping.com/img/video/2024/02/16/09/xuan-xue-xiao-nai-bao-jing-neng-yu-ce-wei-lai.webp">
            <span class="play hidden-xs"></span>
            <span class="pic-text text-right"></span>
        </a>
        <div class="stui-vodlist__detail">
            <h3 class="title text-overflow">
                <a href='https://zhaoshiping.com/vod/xuan-xue-xiao-nai-bao-jing-neng-yu-ce-wei-lai-78584'
                    title="玄学小奶包竟能预测未来">玄学小奶包竟能预测未来</a>
            </h3>
        </div>
    </div>
</li>
{else}

<li class="col-md-6 col-sm-4 col-xs-3">

    <div class="stui-vodlist__box">
        {if !empty($arrGrm[$key + [start]])}
        {$arrGrm[$key+[start]]|raw}
        {/if}
        <a style="color: rgb(233, 93, 80); background-image: url(&quot;/static/img/loading.webp&quot;);"
            class="stui-vodlist__thumb lazyload-bg" href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
            title="{$Video.v_name}" data-src="{$Video.v_pic}">
            <span class="play hidden-xs"></span>
            <span class="pic-text text-right"></span>
        </a>
        <div class="stui-vodlist__detail">
            <h3 class="title text-overflow">
                <a href='{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}'
                    title="{$Video.v_name}">{$Video.v_name}</a>
            </h3>
            <div class="text text-overflow text-muted hidden-xs">
                {$Video.v_description|raw}
            </div>
        </div>
    </div>
</li>
{/if}