弹出popup位置问题

定位的是首页有惊喜，鼠标放在首页有惊喜上，弹出层却不能对齐？
请老师指教！

这个是店招代码
<img src="https://img.alicdn.com/imgextra/i1/428917214/TB2tdPIih9YBuNjy0FfXXXIsVXa_!!428917214.gif" alt=" 动态店招图.gif" usemap="#dianzhao">
<map name="dianzhao">
  <area class="jx" style=" display:block"  shape="rect" coords="136,118,219,148" href="#">（热点地首页有惊喜区域）
  <area class="bk" style="display:block;" shape="rect" coords="267,122,355,152" href="#">
</map>

【下面这段是搜索框】
<div class="footer-more-trigger" style="border:none;padding:0;width:170px;top:126px;left:700px;">
        <form class="focus" name="SearchForm" action="//shop187040839.taobao.com/?scene=taobao_shop" target="_blank" method="post">
                 <input type="hidden" name="userId" value="" /><input type="hidden" name="shopId" value="187040839" />
          <input type="hidden" name="view_type" value="" />
          <input type="hidden" name="order_type" value="" />
          <input type="hidden" name="search" value="y" />
           <input name="keyword" class="text -_-SEKeyword" value="" style="border:1px solid #01114F;width:126px;height:19px;float:left;" />
            <input type="image" src="//gdp.alicdn.com/imgextra/i2/428917214/TB2k5noik9WBuNjSspeXXaz5VXa_!!428917214.png" align="absmiddle" style="float:left;" />
  </form></div>

【下面是弹出层】
<div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.jx','align':{'node':'.jx','offset':[0,-5],'points':['cc','tl']}}" style="width:110px; height:100px; background:#7A7A7A; color:#0B0B0B">
<ul>
<li><a href="#">111</a></li>
<li><a href="#">111</a></li>
<li><a href="#">111</a></li>
</ul>
</div>


反复试了points的几个位置，预览效果都不对。