hover效果

@@ -8,7 +8,7 @@
 
     {{! 新品速报}}
     {{# newReport}}
-    <div class="new-report clearfix">
+    <div class="new-report imgopacity clearfix">
         {{> index/floor-header}}
 
         <ul class="report-list clearfix">
@@ -40,7 +40,7 @@
     <div class="preference-brand">
         {{> index/floor-header}}
         <div class="img-brand">
-            <ul class="img-list clearfix">
+            <ul class="img-list imgopacity clearfix">
                 {{# imgBrand}}
                 <li class="img-item">
                     <a href="{{href}}" target= "_blank">
@@ -58,7 +58,7 @@
                 </a>
             </div>
         </div>
-        <div class="logo-brand" data-url="{{brandUrl}}"></div>
+        <div class="logo-brand imgopacity" data-url="{{brandUrl}}"></div>
     </div>
     {{/ preferenceBrands}}
     

@@ -14,14 +14,14 @@
 				{{/ category}}
 			</div>
 		</div>
-		<div class="tpl-brands clearfix">
+		<div class="tpl-brands imgopacity clearfix">
 			<ul>
 				{{#each brands}}
 				<li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
 				{{/each}}
 			</ul>
 		</div>
-		<div class="tpl-types clearfix">
+		<div class="tpl-types imgopacity clearfix">
 			<ul>
 				{{#each types}}
 				<li><a title="{{name}}" href="{{href}}"  target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
@@ -29,7 +29,7 @@
 			</ul>
 		</div>
 	</div>
-	<div class="tpl-products clearfix">
+	<div class="tpl-products imgopacity clearfix">
 		<ul>
 			{{#each products}}
 			<li><a href="{{href}}" title="{{name}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>

 <div class="singlehot clearfix">
     {{> index/floor-header}}
-    <ul class="g-list">
+    <ul class="g-list imgopacity">
         {{#each imgHot}}
          <li><a class="impo{{@index}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>
         {{/each}}

 {{> index/floor-header}}
-<div class="categorys-list">
+<div class="categorys-list imgopacity">
     <ul class="clearfix">
         {{# list}}
         <li class="cate-item{{@index}}">

@@ -14,12 +14,12 @@
                 {{/ category}}
             </div>
         </div>
-        <div class="tpl-brands clearfix">
+        <div class="tpl-brands imgopacity clearfix">
             {{#each brands}}
             <a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a>
             {{/each}}
         </div>
-        <div class="tpl-types clearfix">
+        <div class="tpl-types imgopacity clearfix">
             <ul>
                 {{#each types}}
                 <li><a title="{{name}}" href="{{href}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a></li>

 <div class="commodity clearfix">
   {{> index/floor-header}}
     <div class="commodity-list">
-      <ul class="g-list clearfix">
+      <ul class="g-list imgopacity clearfix">
           {{#each imgHot}}
           <li>
              <a href="{{href}}" target= "_blank"><div class="commodity-img">
@@ -16,7 +16,7 @@
           {{/each}}
       </ul>
     </div>
-    <div class="commodity-brands clearfix">
+    <div class="commodity-brands imgopacity clearfix">
         {{#each brands}}
         <a href="{{href}}" title="{{name}}" target= "_blank"><img class="lazy" data-original="{{img}}"/></a>
         {{/each}}

 {{> index/floor-header}}
-<div class="preference-brand">
+<div class="preference-brand imgopacity">
     <div class="img-slider-wrapper clearfix">
         <div class="img-brand-switch">
             <a class="prev iconfont" href="javascript:;">&#xe60f;</a>
@@ -15,6 +15,6 @@
              </ul>
         </div>
     </div>
-    <div class="logo-brand" data-url="{{brandUrl}}">
+    <div class="logo-brand " data-url="{{brandUrl}}">
     </div>
 </div>
\ No newline at end of file

@@ -165,7 +165,7 @@ module.exports = function(data) {
 
 
         load.tpl = '{{#each this}}';
-        load.tpl += '<div class="good-info" data-skn="{{skn}}">';
+        load.tpl += '<div class="good-info imgopacity" data-skn="{{skn}}">';
         load.tpl += '    <div class="tag-container clearfix">';
         load.tpl += '        {{# tags}}';
         load.tpl += '            {{# isNew}}';

@@ -34,14 +34,12 @@ if ($.inArray(homePage, ['boys','girls','kids','lifestyle']) > -1) {
     });
 }
 
-$(".imgopacity")
-.on("mouseenter", "a img", function() {
-    $(this).css("opacity", 0.8)
-})
-.on("mouseenter", "a img", function() {
-    $(this).css("opacity", 1);
+$(document).on("mouseenter",".imgopacity a img",function(){
+    $(this).css('opacity', 0.8);
 });
-
+$(document).on("mouseout",".imgopacity a img",function(){
+    $(this).css('opacity', 1);
+})
 
 lazyLoad($('img.lazy'));
 if (homePage === 'boys') {

@@ -221,6 +221,7 @@
                 background-color: rgb(255,87,92);
                 color: #fff;
                 border-radius: 30px;
+                z-index: 2;
             }
             .commodity-img{
                 position: relative;