/*文字不换行，超出隐藏，有点*/
.wh-te-ov{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*文字换行超出隐藏*/
.te-ov{
    text-overflow: ellipsis;
    overflow: hidden;
}
/*图片放大*/
.img2-fa{
    display: block;
    width: 100%;
    height: 100%;
    overflow:hidden;
}
/*图片居中*/
.img-fa,.img-fa-scale,.img-fa-top,.img-fa-rota{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow:hidden;
    border: 1px solid transparent;
}
.img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
}
.img-opa{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    opacity:0.6;
    filter: alpha(opacity:80);
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
}
.img-full{
    width: 100%;
    height: 100%;
    max-width: 100%;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
}
/*图片居中以及放大效果*/
.img-fa-scale:hover img{
    transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
}
/*图片居中以及向上移动效果*/
.img-fa-top:hover img{
    transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform: translateY(-20px);
}
/*.img-fa:hover .img-full{*/
    /*transform: scale(1.4);*/
    /*-moz-transform: scale(1.4);*/
    /*-webkit-transform: scale(1.4);*/
    /*-o-transform: scale(1.4);*/
/*}*/
.img-fa:hover{
    border:1px solid #f23d3a;
}
/*旋转*/
.img-fa-rota:hover .img-opa{
    transform: rotate(720deg);
    opacity: 1;
    filter: alpha(opacity:100);
}