.mh-menu{
margin:20px auto;
position:relative;
}
.mh-menu li{
width:300px;
}
.mh-menu li a{
display:block;
width:280px;
padding:0px 10px;
text-align:right;
position:relative;
z-index:10;
height:105px;
border-right:1px solid #ddd;
background:#000000;
}
.mh-menu li:hover a{
background:#660198;
}
.mh-menu li a span{
display:block;
}
.mh-menu li a span:first-child{
font-weight:700;
font-size:24px;
color:#ffffff;
padding-top:10px;
}
.mh-menu li a span:nth-child(2){
font-weight:400;
font-size:24px;
color:#ffffff;
-webkit-transition:color 0.2s linear;
-moz-transition:color 0.2s linear;
-o-transition:color 0.2s linear;
-ms-transition:color 0.2s linear;
transition:color 0.2s linear;
}

.mh-menu li img{
margin-left:-20px;
position:absolute;
z-index:1;
left:0px;
top:0px;
opacity:0;
-webkit-transition:left 0.4s ease-in-out, opacity 0.6s ease-in-out;
-moz-transition:left 0.4s ease-in-out, opacity 0.6s ease-in-out;
-o-transition:left 0.4s ease-in-out, opacity 0.6s ease-in-out;
-ms-transition:left 0.4s ease-in-out, opacity 0.6s ease-in-out;
transition:left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.mh-menu li:hover img{
left:300px;
opacity:1;
}