<!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>
    {cms:info type="product" id="~id~"} 
    <title>[info.metatitle]</title>
    <meta name="keywords" content="[info.metakeywords]" />
    <meta name="description" content="[info.metadescription]" />
    {/cms:info} {cms:page type="include" href="meta.html" /}
</head>
<body>
    {cms:page type="module" href="head.html" /}
    {cms:page type="module" href="banner.html" /}  
    <div id="WebCenter">
        <div class="WebMain">
            <div id="WebLeft">
                {cms:page type="module" href="categoryslist.html" /}
                {cms:page type="module" href="service.html" /}            
                {cms:page type="module" href="contact.html" /}            
            </div>
            <div id="WebRight">
                {cms:info type="product" id="~id~" }
                <div id="ProductInfo" class="Module">
                    <div class="ModuleHead">
                        <h3 class="ModuleHeadTitle"><strong>{lang.product}</strong></h3>
                        <div id="WebMenuAt">{lang.menuat}：<a href="{global.domain}">{lang.home}</a><span>></span>
                            <a href="[info.menuhref]">{lang.product}</a>
                        </div>
                    </div>
                    <div class="ModuleCenter">
                        <h2>[info.title]</h2>
                        <div class="ProductInfoContent">[info.remark]</div>
                        <div class="ProductInfoLeft">
                            <img src="[info.image]" alt="[info.title]" />
                        </div>
                        <div class="ProductInfoRight">
                            [info.content]
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="ModuleFoot">
                        [attr type="prev" id="[info.id]" categoryid="[info.categoryid]" ]<div>{lang.prev}:<a href='[attr.href]' title='[attr.title]'>[attr.title]</a></div>
                        [/attr]
                        [attr type="next" id="[info.id]" categoryid="[info.categoryid]" ]<div>{lang.next}:<a href='[attr.href]' title='[attr.title]'>[attr.title]</a></div>
                        [/attr]
                    </div>
                </div>
                {/cms:info}    
                <div id="ProductList" class="Module">
                    <div class="ModuleHead">
                        <h3 class="ModuleHeadTitle"><strong>{lang.rand}</strong>
                            {cms:info type="menu" id="16" }
                            <a class='AMore' href='[info.menuhref]' target='_blank'></a>
                            {/cms:info}</h3>
                    </div>
                    <div class="ModuleCenter">
                        {cms:list menuid="16" type="product" limit="10" orderby="rand" }
                        <ul>
                            [each]
                            <li><a href="[list.href]" title="[list.title]">
                              <img src='[list.thumbs]' alt='[list.title]' />
                               <span>[list.title]</span></a>
                             </li>
                             [/each]
                        </ul>
                        {/cms:list}
                    </div>
                </div>
                <div class="clear"></div>               
            </div>
            <div class="clear"></div>
        </div>
    </div>
    {cms:page type="module" href="foot.html" /}
</body>
</html>
