{php}
$videoUrl = '';
$siteSessionLanguageInfo = siteSessionLanguageInfo();
if ($detail['video_type'] === 1) {
//判断是否为中文语种
if (!empty($siteSessionLanguageInfo['language_info']['gm_language_id']) && $siteSessionLanguageInfo['language_info']['gm_language_id'] === 2) {
$videoUrl = $detail['video_url_cn'];
} else {
$videoUrl = $detail['video_url_en'];
}
} else {
$videoUrl = $detail['video_file'];
}
{/php}
<div class="m-propic">
    <a class="box-btn prev" href="javascript: void(0);" title="">
        <i class="iconfont icon-left1"></i>
    </a>
    <a class="box-btn next" href="javascript: void(0);" title="">
        <i class="iconfont icon-right1"></i>
    </a>
    <div class="box-bd">
        <ul class="box-list box-pro-imglist">

            {if !empty($videoUrl)}
            <li class="list-item">
                <p class="item-pic j-videoshow item-video active" data-src="{$videoUrl}" >
                    <img src="{:imgwhwebp($detail.video_thumb, 440, 440)}" alt="{$detail.video_thumb_alt}">
                </p>
            </li>
            {/if}
            {foreach $detail['images'] as $proImage}
            <li class="list-item prob-info-image-list">
                <p class="item-pic">
                    <img src="{:imgwhwebp($proImage.url, 440, 440)}" width="440" height="440" alt="{$proImage.name}">
                </p>
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<!-- .m-propic end -->
<!-- .m-prob1 start -->
<div class="m-prob1 m-prob">
    <!-- .prob-pic start -->
    <div class="prob-pic">
        <!-- .prob-pic-big start -->
        <div class="prob-pic-big">

            <a class="prob-pic-big-img jqzoom" href="{:imgwhwebp($detail.thumb, 440, 440)}" title="{$detail.thumb_alt}" rel="gal1">
                <img class="img" src="{:imgwhwebp($detail.thumb, 440, 440)}" width="440" height="440" alt="{$detail.thumb_alt}">
            </a>

            {if !empty($videoUrl)}
            <div class="prob-video" style="display: block;">
                <iframe src="{$videoUrl}" width="" height="" marginwidth="0px" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" scrolling="no" allowfullscreen></iframe>

            </div>
            {/if}
        </div>
        <!-- .prob-pic-big end -->
        <!-- .prob-pic-small start -->
        <div class="prob-pic-small">
            <a class="prob-pic-btn prev" href="javascript: void(0);" title="">
                <i class="iconfont icon-up1"></i>
            </a>
            <a class="prob-pic-btn next" href="javascript: void(0);" title="">
                <i class="iconfont icon-bottom1"></i>
            </a>
            <div class="prob-pic-list j-jqzoom">
                <ul class="prob-pic-imglist">
                    {if !empty($videoUrl)}
                    <li class="prob-info-video">
                        <div class="prob-pic-item">
                            <a class="item-video active" data-src="{$videoUrl}"  href="javascript: void(0);" title="" rel="{gallery: 'gal1', smallimage: '{$videoUrl}',largeimage: '{$videoUrl}'}">
                                <img src="{:imgwhwebp($detail.video_thumb, 115, 115)}" width="440" height="440" alt="{$detail.video_thumb_alt}">
                            </a>
                        </div>
                    </li>
                    {/if}

                    {foreach $detail['images'] as $proImage}
                    <li class="prob-info-pic prob-info-image-list">
                        <div class="prob-pic-item">
                            <a class="item-pic" href="javascript: void(0);" title="{$proImage.name}" rel="{gallery: 'gal1', smallimage: '{:imgwhwebp($proImage.url, 440, 440)}',largeimage: '{:imgwhwebp($proImage.url, 440, 440)}'}">
                                <img src="{:imgwhwebp($proImage.url, 115, 115)}" width="440" height="440" alt="{$proImage.name}">
                            </a>
                        </div>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <!-- .prob-pic-small end -->
        <div class="c-cb"></div>
    </div>
    <!-- .prob-pic end -->
    <!-- .prob-info start -->
    <div class="prob-info">
        <div class="prob-fix">
            <h1 class="prob-title prob-title1">
                {$detail.name|default=''}
            </h1>
            <div class="prob-share m-proshare">
                <p class="share-title">
                    {:lang('share')}:
                </p>
                <div class="share-img" id="share_container"></div>
            </div>
            <div class="prob-desc m-desc">
                <p>
                    {$detail.introduction|default=''}
                </p>
            </div>
        </div>
        <div class="pattlist">
            {php}
            $attribute = siteAttr($param['mid'], $param['id']);
            {/php}
            {foreach $attribute as $attributeItem}
            <div class="patitem">
                <p class="patitem-name">{$attributeItem.name|default=''}: </p>
                {foreach $attributeItem['attr'] as $attributeAttrItem}
                <span {if !empty($attri_val_ids) && in_array($attributeAttrItem['id'],$attri_val_ids)} class="active" {/if} data-id="{$attributeAttrItem.id|default=0}">{$attributeAttrItem.name|default=''}</span>
                {/foreach}
            </div>
            {/foreach}
        </div>
        <div class="prob-fix">

            <div class="prob-link c-clearfix">
                {php} $inquiry_url = url('site.inquiry/Inquiry/productInquiryUrl', ['mid' => $param['mid']]); {/php}
                <a href="{$inquiry_url}&ids={$detail.id}" title="{:lang('inquire_now')}">{:lang('inquire_now')}</a>
                {php} $next = siteNext($param['mid'], $param['id']); {/php}
                {if $next}
                <a href="{$next.url}" title="{$next.name}">{:lang('next_products')}</a>
                {/if}
            </div>
        </div>
    </div>
    <!-- .prob-info end -->
    <div class="c-cb"></div>
</div>