﻿
#moquu_wshare a {
background: url(../images/icon/iconfont-weixin-2.png) no-repeat center;
width: 20px;
height: 20px;
right: 0;
float: right;
text-indent: -9999px;
padding:14px;
}

.moquu_wshare {
position: relative;
z-index: 2
}

.moquu_wshare a:hover .moquu_wshareh {
    display: block
}

.moquu_wshare .moquu_wshareh {
position: absolute;
display: none;
width: 153px;
height: 153px;
left: 475px;
top: 37px;
/* float: right; */
border: 1px solid #DEDEDE;
background:#fff;
}

#ft-wx:hover .ft-wx-show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
}
.ft-wx-show {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -60px;
    bottom: 55px;
    width: 150px;
    height: 150px;
    padding: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    background: url("../../img/home/ft-wx.png") no-repeat 5px 5px #fff;
    background-size: 150px;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}