{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}
<style>
    img{height: auto}
</style>
<div class="m-prob1 m-prob">
    <div class="m-propic m-propic1">
        <div class="items" style="display: block;">
            <div class="pic-big">
                <a class="big-img jqzoom" href="{:imgwhwebp($detail.thumb, 440, 440)}" title="{$detail.thumb_alt}" rel="gal1">
                    <img class="img" src="{:imgwhwebp($detail.thumb, 440, 440)}" title="{$detail.thumb_alt}" alt="{$detail.thumb_alt}" width="100%">
                </a>
                {if !empty($videoUrl)}
                <div class="provideo-box" >
                    <div class="provideo">
                        <iframe src="{$videoUrl}" width="" height="" marginwidth="0px" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" scrolling="no" allowfullscreen></iframe>
                    </div>
                </div>
                {/if}
            </div>
            <div class="pic-small">
                <a class="pic-btn prev iconfont icon-left7" href="javascript: void(0);" title=""></a>
                <a class="pic-btn next iconfont icon-right7" href="javascript: void(0);" title=""></a>
                <div class="pic-list">
                    <ul>

                        {if !empty($videoUrl)}
                        <li class="list-item">
                            <a class="item-video active" data-src="{$videoUrl}" href="javascript: void(0);" title="{$detail.video_thumb_alt}" >
                                <img src="{:imgwhwebp($detail.video_thumb, 115, 115)}" title="{$detail.video_thumb_alt}" alt="{$detail.video_thumb_alt}">
                                <span class="video-btn"><img src="__STATIC_DEMO__/img/video-btn.png" title="{$detail.video_thumb_alt}" alt="{$detail.video_thumb_alt}" /></span>
                            </a>
                        </li>
                        {/if}

                        {foreach $detail['images'] as $proImage}
                        <li class="list-item prob-info-pic prob-info-image-list">
                            <div class="prob-pic-item">
                                <a class="item-pics" 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)}" title="{$proImage.name}" alt="{$proImage.name}">
                                </a>
                            </div>
                        </li>
                        {/foreach}

                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="m-propic m-propic2">
        <div class="items" style="display: block;">
            <a class="box-btn prev iconfont icon-left7" href="javascript: void(0);" title=""></a>
            <a class="box-btn next iconfont icon-right7" href="javascript: void(0);" title=""></a>
            <div class="box-list">
                <ul>
                    {if !empty($videoUrl)}
                    <li class="list-item">
                        <div class="item-pics item-video" data-src="{$videoUrl}">
                            <img src="{:imgwhwebp($detail.video_thumb, 115, 115)}"  title="{$detail.video_thumb_alt}" alt="{$detail.video_thumb_alt}">
                            <span class="video-btn" data-src="{$videoUrl}"><i class="iconfont icon-sanjiaoxing"></i></span>
                        </div>
                    </li>
                    {/if}
                    {foreach $detail['images'] as $proImage}
                    <li class="list-item prob-info-image-list">
                        <p class="item-pics">
                            <img src="{:imgwhwebp($proImage.url, 115, 115)}" title="{$proImage.name}" alt="{$proImage.name}">
                        </p>
                    </li>
                    {/foreach}
                </ul>
            </div>

        </div>
    </div>
    <div class="prob-info">
        <div class="jianjie">
            <h1>{$detail.name|default=''}</h1>
            <div class="jiann">
                <p>{$detail.introduction|default=''}</p>
            </div>

            <div class="inno">

                {php} $inquiry_url = url('site.inquiry/Inquiry/productInquiryUrl', ['mid' => $param['mid']]); {/php}
                <a href="javascript: void(0);" onclick="inquirySkip('{$inquiry_url}&ids={$detail.id}')" title="{:lang('inquire_now')}">{:lang('inquire_now')}</a>

                {php} $next = siteNext($param['mid'], $param['id'], $nav_detail['nav_main_id']); {/php}
                {if $next}
                <a href="{$next.url}" title="{$next.name}">{:lang('next_products')}</a>
                {/if}

                {if !empty($detail.files.0.url)}
                <a href="{$detail.files.0.url}" target="_blank" class="prpdf" title="{:lang('Download')}">
                    <i class="iconfont icon-yunxiazai_o"></i> {:lang('Download')}
                </a>
                {/if}
            </div>
            <div class="share">
                <div class="share1"> {:lang('share')}: </div>
                <div class="share2" id="share_container"></div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div class="tankaung"></div>
<script>
    $(".swiper-pros .pros-img-item .item-video .video").click(function(e){
        e.preventDefault();
        var _this = $(this),
            $src = _this.data("src"),
            $modal = $(".tankaung");
        $modal.show().html('<div class="tankaungn2"><iframe src="'+$src+'" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div><i class="iconfont icon-a-guanbi1 icona-guanbi1 icon-b2b-close layui-icon-close item-close" style="position: absolute; right: 2.60417%; top: 2.60417%; color: #fff; font-size: 30px; font-size: 3rem;width: 40px; cursor: pointer;"></i>')
    });
    $(".tankaung").click(function(){
        $(this).hide();
    })
</script>