{//  ===================== Cover Variants ===================== }
{video:imgalt video="$arrVideo" slot="detail_cover" item_type="poster" export_name="strAlt" /}

{if $variant == 0}
<div class="{$TpStyle.dom_prefix}-dm-cover v0">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
         alt="{$strAlt}">
</div>

{elseif $variant == 1}
<figure class="{$TpStyle.dom_prefix}-dm-cover v1">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
         alt="{$strAlt}">
    <figcaption class="{$TpStyle.dom_prefix}-dm-cover-cap">
        {$arrVideo.v_remarks}
    </figcaption>
</figure>

{elseif $variant == 2}
<a class="{$TpStyle.dom_prefix}-dm-cover v2"
   href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="default" play_index="1" /}'>
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"
         alt="{$strAlt}">
</a>

{elseif $variant == 3}
<div class="{$TpStyle.dom_prefix}-dm-cover v3">
    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
</div>

{elseif $variant == 4}
<div class="{$TpStyle.dom_prefix}-dm-cover v4">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-badge">
        {$arrVideo.v_year}
    </span>
</div>

{elseif $variant == 5}
<div class="{$TpStyle.dom_prefix}-dm-cover v5">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-score">
        {$arrVideo.v_score}
    </span>
</div>

{elseif $variant == 6}
<section class="{$TpStyle.dom_prefix}-dm-cover v6">
    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-play"></span>
</section>

{elseif $variant == 7}
<article class="{$TpStyle.dom_prefix}-dm-cover v7">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
</article>

{elseif $variant == 8}
<div class="{$TpStyle.dom_prefix}-dm-cover v8">
    <picture class="{$TpStyle.dom_prefix}-dm-cover-pic">
        <img class="{$TpStyle.dom_prefix}-dm-cover-img"
             src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    </picture>
</div>

{elseif $variant == 9}
<div class="{$TpStyle.dom_prefix}-dm-cover v9">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}"  alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-remark">
        {$arrVideo.v_remarks}
    </span>
</div>

{elseif $variant == 10}
<div class="{$TpStyle.dom_prefix}-dm-cover v10">
    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-tag">HD</span>
</div>

{elseif $variant == 11}
<a class="{$TpStyle.dom_prefix}-dm-cover v11"
   href='{site:vpurl v_id="$arrVideo.v_id" v_py="$arrVideo.v_name_en" play_type="default" play_index="1" /}'>
    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
</a>

{elseif $variant == 12}
<div class="{$TpStyle.dom_prefix}-dm-cover v12">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-top">更新中</span>
</div>

{elseif $variant == 13}
<div class="{$TpStyle.dom_prefix}-dm-cover v13">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-corner"></span>
</div>

{elseif $variant == 14}
<div class="{$TpStyle.dom_prefix}-dm-cover v14">
    <img class="{$TpStyle.dom_prefix}-dm-cover-bg" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-year">
        {$arrVideo.v_year}
    </span>
</div>

{elseif $variant == 15}
<div class="{$TpStyle.dom_prefix}-dm-cover v15">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-free">
        免费
    </span>
</div>

{elseif $variant == 16}
<div class="{$TpStyle.dom_prefix}-dm-cover v16">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}" alt="{$strAlt}">
    <span class="{$TpStyle.dom_prefix}-dm-cover-mask"></span>
</div>

{elseif $variant == 17}
<aside class="{$TpStyle.dom_prefix}-dm-cover v17">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
</aside>

{elseif $variant == 18}
<img class="{$TpStyle.dom_prefix}-dm-cover v18" alt="{$strAlt}"
src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">


{elseif $variant == 19}
<section class="{$TpStyle.dom_prefix}-dm-cover v19">
    <img class="{$TpStyle.dom_prefix}-dm-cover-img" alt="{$strAlt}"
         src="{site:cfg code='PUBLIC_COVER_DOMAIN' encode='false'/}{$arrVideo.v_pic}">
</section>

{/if}