<!--{include file="<!--{$tplpath}-->block_header.tpl"}-->
<!-------------------------------------- 头部结束 -------------------------------------->

<script type="text/javascript">

    $(document).ready(function() {
        $('.jqzoom').jqzoom({
            zoomType: 'reverse',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });
    });

</script>
<!-------------------------------------- 主体开始 -------------------------------------->
<!-- S 面包屑 -->
<div class="breadcrumbs">

    <div class="breadcrumbs">
        <div class="container breadcrumbs">
            <!--{assign var='productcategoryname' value=vo_category("type={treecat} rootid={<!--{$rootid}-->}")}-->
            <!--{foreach $productcategoryname as  $key=>$parent}-->
            <!--{if $parent.catid==<!--{$product.catid}-->}-->
            <a href='index.php'>首页</a><span class="sep">/</span><!--{$parent.catname}-->
            <!--{/if}-->
            <!--{/foreach}-->
        </div>
    </div>

</div>

<!-- E 面包屑 -->

<div class="goods-detail">

    <div class="goods-detail-info  clearfix J_goodsDetail">

        <div class="container">

            <div class="row">

                <div class="span13  J_mi_goodsPic_block goods-detail-left-info">

                    <div class="goods-pic-box  " id="J_mi_goodsPicBox">

                        <div class="goods-big-pic J_bigPicBlock" >

                            <a href="<!--{$product.uploadfiles}-->" class="jqzoom" style="" title="图片标题"> <img src="<!--{$product.uploadfiles}-->" class="J_goodsBigPic" id="J_BigPic"  title="图片标题" style="border: 1px solid #666;"> </a>

                        </div>

                        <div class="goods-pic-loading">

                            <div class="loader loader-gray"></div>

                        </div>

                        <div class="goods-small-pic clearfix">
                            <!--{if !empty($product.gallery) }-->
                            <ul id="goodsPicList" >

                                <!--{foreach $product.gallery as $v}-->

                                <li class="">

                                    <img class="detail-small-pic" src="<!--{$v.imgthumb}-->" mid='<!--{$v.imgthumb}-->' big='<!--{$v.imgurl}-->'/>

                                </li>

                                <!--{/foreach}-->

                            </ul>
                            <!--{/if}-->
                        </div>

                    </div>

                    <script type="text/javascript">

                        $(function(){

                            $('.detail-small-pic').click(function(){

                                var mid = $(this).attr('mid');

                                var big = $(this).attr('big');

                                $('.jqzoom').attr('href',big);

                                $('.J_goodsBigPic').attr('src',mid);

                            });

                        })

                    </script>

                    <div class="span11 goods-batch-img-list-block J_goodsBatchImg"></div>

                </div>

                <div class="span7 goods-info-rightbox">

                    <div class="goods-info-leftborder"></div>

                    <dl class="goods-info-box ">

                        <dt class="goods-info-head">

                            <dl id="J_goodsInfoBlock">

                                <dt id="goodsName" class="goods-name" style="font-size: 15px;"><!--{$product.productname}--></dt>

                                <!--{$product.intro}-->

                                <dd class="goods-info-head-price clearfix">

                                    <b class="J_mi_goodsPrice"><!--{$product.bprice}--></b>

                                    <i>积分</i>

                                    <del> <span class="J_mi_marketPrice"><!--{$product.nprice}--></span> </del>

                                </dd>

                                <dd class="goods-info-head-price clearfix" style="color: gray;">
                                    <span style="display:inline-block;margin-right: 10px; line-height: 30px;font-size: 20px;">数量</span>
                                    <i class="decrease" style="font-size: 20px;cursor:pointer;">-</i>&nbsp;
                                    <input type="text" name="inputNum" id="inputNum"  value="1" style="width: 20px;height: 20px;font-size: 10px;text-align: center;"/>
                                    &nbsp;&nbsp;<i class="increase" style="font-size: 20px;cursor:pointer;">+</i>
                                </dd>
                                <script>
                                    $(function(){
                                        //点击减少
                                        $('.decrease').click(function(){
                                            var inputNum = parseInt($('#inputNum').val());
                                            if(inputNum <= 1){
                                                alert('请正确填写商品数');
                                                return false;
                                            }
                                            inputNum = inputNum-1;
                                            $('#inputNum').val(inputNum);
                                        });
                                        //点击增加
                                        $('.increase').click(function(){
                                            var inputNum = parseInt($('#inputNum').val());
                                            var sum = parseInt($('.stock').attr('stock'));
                                            if(inputNum>=sum){
                                                alert('库存仅'+sum);
                                                return false;
                                            }
                                            inputNum = inputNum+1;
                                            $('#inputNum').val(inputNum);
                                        });
                                    });
                                </script>
                                <dd class="goods-info-head-price clearfix" style="color: gray;">
                                    <span class="stock" style="font-size: 19px;margin-left: 15px;color: gray;" stock="<!--{$product.stock}-->">库存:<!--{$product.stock}-->件</span>
                                </dd>
                                <dd class="goods-info-head-cart" id="goodsDetailBtnBox">

                                    <a href="javascript:;" skuids="<!--{$product.productid}-->" username="<!--{$username}-->"  data-event='cart_add'  id="goodsDetailAddCartBtn1" class="btn  btn-primary goods-add-cart-btn" >

                                        <i class="iconfont"></i>立刻兑换

                                    </a>


                                </dd>

                                <dd class="goods-info-head-userfaq">

                                    <ul>

                                        <li class="J_scrollHref" data-href="#goodsComment" data-index="2">

                                            类型：

                                            <!--{assign var='productcategoryname' value=vo_category("type={treecat} rootid={<!--{$rootid}-->}")}-->
                                            <!--{foreach $productcategoryname as  $key=>$parent}-->
                                            <!--{if $parent.catid==<!--{$product.catid}-->}-->
                                            <b><a href="<!--{$product.caturl}-->"><!--{$parent.catname}--></a></b>
                                            <!--{/if}-->
                                            <!--{/foreach}-->

                                        </li>

                                        <li class="J_scrollHref mid" data-href="#goodsFaq" data-index="3">

                                            浏览次数：

                                            <b><!--{$product.hits}--></b>

                                        </li>

                                        <li> 上线时间：

                                            <b><!--{$product.addtime|date_format:'%Y-%m-%d'}--></b>

                                        </li>

                                    </ul>

                                </dd>

                            </dl>

                        </dt>

                        <dd class="goods-info-foot">

                            <a href="<!--{$url_product}-->" >

                                <span class="iconfont"></span>

                                查看更多</a>

                        </dd>

                    </dl>

                </div>

            </div>



        </div>

    </div>



    <div class="goods-detail-desc J_itemBox" id="goodsDesc">

        <div class="container">

            <div class="shape-container" >

                <p class='detailBlock'>



                </p>

            </div>

        </div>

    </div>

    <div class="goods-detail-nav-name-block J_itemBox" id="goodsParam">

        <div class="container main-block">

            <div class="border-line"></div>

            <h2 class="nav-name">详细介绍</h2>

        </div>

    </div>

    <!--详细介绍-->

    <div class="goods-detail-param  J_itemBox" style="padding-bottom: 30px;">

        <div class="container">

            <ul class='param-list'>

                <li class='goods-img'>

                    <img src="<!--{$product.thumbfiles}-->" alt="">

                </li>

                <li class="goods-tech-spec">

                    <!--{$product.content|htmlencode}-->

                </li>

            </ul>

        </div>
    </div>
</div>

<!-------------------------------------- 主体结束 -------------------------------------->
<!-------------------------------------- 尾部开始 -------------------------------------->
<!--{include file="<!--{$tplpath}-->botton.tpl"}-->
<!-------------------------------------- 尾部结束 -------------------------------------->