<%@ Page Language="C#" AutoEventWireup="true" CodeFile="product_detail.aspx.cs" Inherits="product_detail" EnableViewState="false" %>
<%@ Register src="UserControls/top.ascx" tagname="top" tagprefix="uc1" %>
<%@ Register src="UserControls/adv2.ascx" tagname="adv1" tagprefix="uc2" %>
<%@ Register src="UserControls/left.ascx" tagname="left3" tagprefix="uc3" %>
<%@ Register src="UserControls/bottom.ascx" tagname="bottom" tagprefix="uc4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title><%#SeoTitle%> - 东莞市海力连接器科技有限公司</title>
<meta name="keywords" content="<%#SeoKeywords%>" />
<meta name="description" content="<%#SeoDesc%>" />
<link href="/templets/bluesite/images/style.css" rel="stylesheet" type="text/css" />
<link href="/css/pro.css" rel="stylesheet" type="text/css" />
<link href="/css/product.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/tranmenu.js"></script>
</head>

<body>
    <form id="form1" runat="server">
    
    <uc1:top ID="top1" runat="server" />
    <uc2:adv1 ID="adv1" runat="server" />
<!--content-->
   <div class="zhengwen">
      <div  class="left">
      <uc3:left3 ID="left1" runat="server" />
	  </div>

      <div class="right">
	     <div class="rig-com">
		   <div class="rig-com-tit"><div class="sleft"><%#ShowSubClass%></div><div class="sright">当前位置：<a href="/">首页</a> &gt; <a href="product____1.html">产品展示</a> &gt; <%#ShowMajorPath%></div></div>
		   <div class="rig-com-cen">
		       
		 
          <div style="margin-top:10px;text-align:center"> 
		   <h1 class="contitle"> 
           <%#ProductName%>
			</h1>
            </div><br />
			
          <div class="contenttext" style="margin-bottom:10px; line-height:24px; padding-top:10px; clear:both;">

          <div class="pleftz">
          <div class="jqzoom" id="spec-n1"><img src="upimage/<%#PicPathBig%>" jqimg="upimage/<%#PicPathBig%>" alt="<%#ProductName%>" /></div>
<div id="spec-n5" style="overflow:hidden">
<div class="control" id="spec-left"><img src="/images/left.gif" /></div>
<div id="spec-list">
<ul class="list-h">
<% if (PicPathSmall.Length>10) { %>
<li><img src="upimage/<%#PicPathSmall%>" alt="<%#ProductName%>缩略图" width="47" height="47" /></li>
<% } %>
<% if (PicPathSmall1.Length>10) { %>
<li><img src="upimage/<%#PicPathSmall1%>" alt="<%#ProductName%>缩略图" width="47" height="47" /></li>
<% } %>
<% if (PicPathSmall2.Length>10) { %>
<li><img src="upimage/<%#PicPathSmall2%>" alt="<%#ProductName%>缩略图" width="47" height="47" /></li>
<% } %>
<% if (PicPathSmall3.Length>10) { %>
<li><img src="upimage/<%#PicPathSmall3%>" alt="<%#ProductName%>缩略图" width="47" height="47" /></li>
<% } %>
<% if (PicPathSmall4.Length>10) { %>
<li><img src="upimage/<%#PicPathSmall4%>" alt="<%#ProductName%>缩略图" width="47" height="47" /></li>
<% } %>
<% if (PicPathSmall5.Length > 10)
{ %>
<li><img src="upimage/<%#PicPathSmall5%>" alt="<%#ProductName%>缩略图" width="47" height="47" /></li>
<% } %>
</ul>
</div>
<div class="control" id="spec-right"><img src="/images/right.gif" /></div>
</div>

<script type="text/javascript">
    $(function () {
        $(".jqzoom").jqueryzoom({
            xzoom: 350,
            yzoom: 350,
            offset: 10,
            position: "right",
            preload: 1,
            lens: 1
        });
        $("#spec-list").jdMarquee({
            deriction: "left",
            width: 320,
            height: 56,
            step: 2,
            speed: 4,
            delay: 10,
            control: true,
            _front: "#spec-right",
            _back: "#spec-left"
        });

        $("#spec-list img").bind("mouseover", function () {
            var src = $(this).attr("src");
            $("#spec-n1 img").eq(0).attr({
                src:src.replace("s",""),
                jqimg:src.replace("s","")
                //src: ("/upimage/2015/08/26/2015082611320876.JPG"),
                //jqimg: ("/upimage/2015/08/26/2015082611320876.JPG"),
            });


            $(this).css({
                "border": "2px solid #ff6600",
                "padding": "1px"
            });
        })

        $("#spec-list img").bind("mouseout", function () {
            $(this).css({
                "border": "1px solid #ccc",
                "padding": "2px"
            });
        });
    })
	</script>
        
<script src="/js/product.js" type="text/javascript"></script>
</div>
<div class="prightz">
<b>产品型号：</b><%#ProductModel%><hr />
<b>联系地址：</b>广东省东莞市南城区莞太路<hr />
<b>生产厂家：</b>东莞市海力连接器科技有限公司<hr />
<b>产品简介：</b><%#SeoDesc%><hr />
<div class="productslx">
<li style="background:#0066AE"><a href="/guestbook.html">提交需求</a></li>
<li style="background:#FF9C00"><a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&amp;uin=1783497774&amp;site=qq&amp;menu=yes">咨询客服</a></li>
</div>
<img src="images/kf.jpg" alt="全国客服热线"/>
</div>
<div class="clear"></div>
          </div>
          
          

          <div class="contenttext" style="margin-bottom:10px; line-height:24px; margin-top:56px; ">
          
            <div class="proxuanxiang">
             <ul>
              <li class="onlvse" onclick="sellay(1)" id="ltitle1">产品说明</li>
             </ul>
            </div>
            <div class="proinfoshow" id="tlist1"><%#ProductContent%></div>            

          </div>
          
          <div class="clear"></div>

          <div class="pre_next">
            上一个产品：<asp:Label ID="pre_p" runat="server"></asp:Label>
              <br />
            下一个产品：<asp:Label ID="next_p" runat="server"></asp:Label>
              <br />
		  </div>

          <div><span class="fbold">&nbsp;&nbsp;推荐产品</span><br /></div>
        <div class="tj4p">
    <asp:Repeater ID="ProductListNew" runat="server">
      <ItemTemplate>  
		       <div class="box">
		         <a title="<%#Eval("ProductName") %>" href="product_detail-<%#Eval("ProductID")%>.html"><img src="../upimage/<%#Eval("PicPathSmall")%>" alt="<%#Eval("ProductName") %>" width="175" height="131"></a>
		         <p><a title="<%#Eval("ProductName") %>" href="product_detail-<%#Eval("ProductID")%>.html"><%#cutstr(Eval("ProductName").ToString(), 15)%></a></p>
		       </div>
      </ItemTemplate>
    </asp:Repeater>
    </div>

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

<div class="clear blank10"></div>
<!--content-->

    <uc4:bottom ID="bottom1" runat="server" />
    
    </form>
</body>
</html>
