﻿.exp-museum-all > ul {
    font-size: 0;
}
.exp-museum-all > ul > li {
    display: inline-block;
    position: relative;
    width: 50%;
    overflow: hidden;
}
.exp-museum-bg img {
    width: 100%;
    transition: all 1s ease .1s;
}
.exp-museum-all > ul > li:hover .exp-museum-bg img {
    transform: scale(1.13);
    -ms-transform: scale(1.13);     
    -moz-transform: scale(1.13);    
    -webkit-transform: scale(1.13); 
    -o-transform: scale(1.13); 
}
.exp-museum-mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .7;
    transition: all 1s ease .1s;
}
.exp-museum-all > ul > li:hover .exp-museum-mask {
    opacity: .6;
}
.exp-museum-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);     
    -moz-transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    text-align: center;
}
.exp-museum-title a {
    color: #fff;
    transition: all 1s ease .1s;
}
.exp-museum-all > ul > li:hover .exp-museum-title a {
    color: #ff5907;
}
.exp-museum-logo-all {
    transition: all 1s ease;
    margin-bottom: 36px;
}
.exp-museum-all > ul > li:hover .exp-museum-logo-all {
    /*transform: rotateY(180deg);*/
}
.exp-museum-logo,
.exp-museum-logo-h {
    z-index: 2;    
    height: 136px;
    width: 136px;    

}
.exp-museum-logo {
    /*background: url('../images/exp-museum-logo-1.png') no-repeat center center;*/
}
.exp-museum-logo-h {
    /*background: url('../images/exp-museum-logo-1-h.png') no-repeat center center;*/
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all 1s ease .1s;
}
.exp-museum-all > ul > li:hover .exp-museum-logo-h {
    opacity: 1;
}
.exp-museum-words {
    font-size: 26px;
}
.exp-museum-words-en {
    font-size: 20px;
}
