{include file=comm/head.html}
<link href="{pboot:sitetplpath}/css/lightbox.css" rel="stylesheet">
<script src="{pboot:sitetplpath}/js/lightbox.js"></script> 
<script type="text/javascript">
        $(document).ready(function(){
            $('.showpic_flash').bxSlider({
              pagerCustom: '#pic-page',
               adaptiveHeight: true,
            });

        });
    </script> 
{include file=comm/top.html}

<div class="container">
<div class="row"> 
  <!-- right -->
  <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
    <div class="list_box"> 
      
      <!-- showpic -->
      <div class="col-sm-12 col-md-6 showpic_box">
        <ul class="showpic_flash">
          {pboot:if({content:ispics}==1)}
		  {pboot:pics id={content:id} num=5}
          <li> <a class="example-image-link" href="[pics:src]" data-lightbox="example-set" target="_blank"> <img class="example-image" src="[pics:src]" alt="{content:title}"/> </a> </li>
          {/pboot:pics}
          {else}
          <li> <a class="example-image-link" href="{content:ico}" data-lightbox="example-set" target="_blank"> <img class="example-image" src="{content:ico}" alt="{content:title}"/> </a> </li>
          {/pboot:if}
        </ul>
        <div id="pic-page">

        
        {pboot:if({content:ispics}==1)}
		{pboot:pics id={content:id} num=5}
        <a data-slide-index="{xiao:$[pics:i]}" href="[pics:src]"> <img src="[pics:src]" alt="{content:title}" /> </a>
        {/pboot:pics}
        {else}
		<a data-slide-index="0" href="{content:ico}"> <img src="{content:ico}" alt="{content:title}" /> </a>
		{/pboot:if}
        </div>
      </div>
      
      <!-- product_info -->
      <div class="col-sm-12 col-md-6 proinfo_box">
        <h1 class="product_h1">{content:title}</h1>
        <div class="product_info">
          <p>Category:{sort:name}</p>
		  <p>Model:{content:title}</p>
          <div class="product_btn">
            <!--<button id="gotoinquiry" class="btn btn-info page-btn"> <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span> INQUIRY </button>-->
             </div>
        </div>
      </div>
      <div class="product_con"></div>
      <div class="point">
	  <p>Prev：{content:precontent}</p>
      
	  <p>Next：{content:nextcontent}</p>
	  </div>
    </div>
    
    <div class="list_related">
      <div class="right_head">
        <h2><span>RELATED PRODUCTS</span></h2>
      </div>
      <div class="product_list related_list">
        {pboot:list scode={sort:scode} num=4 order=random}
        <div class="col-sm-4 col-md-3 col-mm-6 product_img"><a href="[list:link]"> <img src="[list:ico]" class="img-thumbnail" alt="[list:title]"/> </a>
          <p class="product_title"> <a href="[list:link]" title="[list:title]">[list:title]</a></p>
        </div>
        {/pboot:list}
      </div>
    </div>
  </div>
  
  <!-- left --> 
  {include file=comm/sortnav.html} </div>
</div>

{include file=comm/foot.html}