.friend{
    height:389px;
    margin:0 auto;
    overflow:hidden;
}
.mr_frbox{
    height: 389px;
}
.mr_frBtnL{
    cursor:pointer;
    display:inline;
    float:left;
    height:46px;
    margin:160px 10px 0 0;
    width:28px;
}
.mr_frUl{
    float:left;
    height:auto;
    width:calc((100% - 86px));
    margin-left:10px;
}
.mr_frBtnR{
    float:right;
    margin-top:160px;
    cursor:pointer;
    width:28px;
    height:46px;
}
.mr_frUl ul li{
    display:inline;
    float:left;
    height:389px;
    width:calc(100% / 4);
    overflow:hidden;
    position:relative;
}
.mr_frUl ul li .mr_block{
    display:inline;
    float:left;
    height:389px;
    width:90%;
    overflow:hidden;
    margin-left: 5%;
}
.mr_frUl ul li a img{
    width:100%;
}
.mr_zhe{
    width:90%;
    height: 100%;
    position:absolute;
    top:0;background:rgba(78, 164, 181, 0.65) none repeat scroll 0 0 !important;
    /*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=80);
    background:#4ea4b5;
    /*实现IE背景透明*//*height:389px;*/
    left:0;
    right:0;
    margin-left: 5%;

}

.mr_zhe_i h1{
    text-align:center;
    font-size:182px;
    height:138px;
    line-height:138px;
    margin-top:72px;
    margin-bottom:64px;
    font-weight:bold;
    color:#fff;
}
.mr_zhe_p h3{
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    line-height:30px;
}
.mr_zhe_p h3 span{
    display:block;
    margin:0 auto;
    width:auto;
    font-size:18px;
    border-bottom:1px solid #f4f4f4;
}
.mr_zhe_hover{
    bottom:-596px;
    height:200px;
    position:absolute;
    /*width:300px;*/
    width:100%;
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
    /*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=80);
    background:#0a0a0a;
    /*实现IE背景透明*/
}

.mr_zhe_hover h1{
    text-align:center;
    height:40px;
    line-height:40px;
    margin:22px 0;
    color:#fff;
}