在ng-mouseover上缩放图像

Question

您好我想在鼠标上放大我的图像。我已经可以缩放它了，但我想要的是将缩放图像显示为叠加层，这样我的表格格式不会受到损坏，这是我的代码

<td ng-mouseover="style={'height':'450px','width':'800px'}" ng-mouseleave="style={'height':'50px'}"> 
     <img ng-src='{{ item.photo }}' height='50px' class="text-center" ng-style="style" />
</td>

我该怎么做？提前致谢