<extend name="Public/bases"/>
  <block name="css">
    <link href="__CSS__/news.css" rel="stylesheet" >
  </block>
  <block name="body">
    <body>
    <header class="header">
      <div class="">
        <a href="javascript:history.back(-1);" class="hbtn back"><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">{$title}</h1>
        <a href="javascript:;" class="hbtn share jsshare" onClick="toshare()"><i class="iconfont icon-share"></i></a>
      </div>
    </header>
    <link rel="stylesheet" type="text/css" href="__CSS__/demo-fenxiang.css">
    <style type="text/css">
      .button-style0-32 a li {}
    </style>
    <div class="am-share" >
      <h3 class="am-share-title">分享到</h3>
      <div class="bdsharebuttonbox" style="background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding: 15px; zoom:1; overflow:hidden;text-align: center;">
        <a href="#" class="bds_qzone" data-cmd="qzone" ></a> 
        <a href="#" class="bds_renren" data-cmd="renren"></a>
        <a href="#" class="bds_tsina" data-cmd="tsina"></a>
        <a href="#" class="bds_tieba"   data-cmd="tieba"></a>
      </div>
      <div class="am-share-footer"><button class="share_btn">取消</button></div>
    </div>
    <script>
      window._bd_share_config = {
        common : {
          bdText : '{$data["title"]}', 
          bdDesc : '{$data["description"]}', 
          bdUrl : '{$data["url"]}',   
          bdPic : '{$data["cover"]}'
        },
        share : [{
          "bdSize" : 32,
        }],
        
        image : [{
          viewType : 'collection',
          viewPos : 'bottom',
          viewColor : 'black',
          viewSize : '32',
          viewList : ['qzone','tsina','huaban','tqq','renren']
        }],
        selectShare : [{
          "bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']
        }]
      }
      with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
    </script> 
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <div class="t-article">
          <h2 class="title" style="font-weight: bold;">{$data['title']}</h2>
          <h6 class="voic">{:date('Y-m-d H:i:s',$data['create_time'])}</h6>
          <div class="content">
            {$data['content']}
            <div style="margin-top: 20px;"></div>
          </div>
        </div>
      </section>
    </section>

    <script>
      $(function() {
        $('.jsshare').click(function() {
          
        });  
      });

      function toshare(){
          $(".am-share").addClass("am-modal-active"); 
          if($(".sharebg").length>0){
            $(".sharebg").addClass("sharebg-active");
          }else{
            $("body").append('<div class="sharebg"></div>');
            $(".sharebg").addClass("sharebg-active");
          }
          $(".sharebg-active,.share_btn").click(function(){
            $(".am-share").removeClass("am-modal-active");  
            setTimeout(function(){
              $(".sharebg-active").removeClass("sharebg-active"); 
              $(".sharebg").remove(); 
            },300);
          })
        } 
    </script>
    </body>
  </block>
</html>
<block name="footer"></block>