.overlay{ width:226px !important; }

.overlay:before, .overlay:after {

    bottom: 16px;

    content: "";

    left: 16px;

    opacity: 0;

    position: absolute;

    right: 16px;

    top: 16px;

    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

    z-index: 1;

}

.no-opacity .overlay:before, .no-opacity .overlay:after {

    display: none;

}

.overlay:before {

    border-bottom: 1px solid #bababa;

    border-top: 1px solid #bababa;

    transform: scale(0, 1);

}

.overlay:after {

    border-left: 1px solid #bababa;

    border-right: 1px solid #bababa;

    transform: scale(1, 0);

}

.overlay.thicker:before {

    border-bottom: 3px solid #bababa;

    border-top: 3px solid #bababa;

}

.overlay.thicker:after {

    border-left: 3px solid #bababa;

    border-right: 3px solid #bababa;

}

.overlay-color {

    background: none repeat scroll 0 0 #fff ;

    bottom: 0;

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: opacity 0.35s ease 0s;

}

.no-opacity .overlay-color {

    display: none;

}

.overlay-fig {

    background: none repeat scroll 0 0 #fff;

    bottom: 0;

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: opacity 0.35s ease 0s;

}

.no-opacity .overlay-fig {

    visibility: hidden;

}

.overlay-fig-img {

    bottom: 0;

    left: 0;

    margin: 0;

    opacity: 0.4;

    position: absolute;

    right: 0;

    top: 0;

}

.no-opacity .overlay-fig-img {

    display: block;

}

.overlay-content {

    bottom: 4px;

    left: 35px;

    right: 35px;

    opacity: 1;

    position: absolute;

    transform: translate3d(0px, -10px, 0px);

	height:250px; overflow:hidden;

    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

    z-index: 4;

}

.no-opacity .overlay-content {

    display: none;

}

.overlay-content h3 {

    font-family:微软雅黑;

	margin:20px 0; display:block;

    font-size: 16px;

	height:16px; overflow:hidden;

    font-weight: 400;

    line-height: 1.13333em;

}

.overlay-content h3 small {

    display: block;

    font-size: 0.666667em;

    font-style: italic;

    line-height: 1.15em;

    margin-top: 4px;

}

.overlay-content h3 a {

    display: block;

}

.overlay-content p{ line-height:22px;}

.overlay-content > a {

    display: block;

    font-size: 0.777778em;

    font-weight: 700;

    letter-spacing: 1px;

    padding: 13px 0;

    text-transform: uppercase;

}

.overlay-content > a.light {

    opacity: 0.7;

    transition: all 0.15s ease 0s;

}

.overlay-content > a.light:hover {

    opacity: 1;

}

.overlay-content .hr, .overlay-content hr {

    background: none repeat scroll 0 0 #fff;

    border: medium none;

    display: block;

    height: 1px;

    margin: 0;

    width: 42px;

}



.fig-hover-item {

    clear: both;

    line-height: normal;

    position: relative;

}

.fig-hover-item .fig {

    height: 100%;

    margin: 0;

    width: 100%;

}





.fig-hover-item > .full-link {

    z-index: 1;

}

.fig-hover-item:hover .overlay-fig {

    opacity: 1;

}

.no-opacity .fig-hover-item:hover .overlay-fig {

    visibility: visible;

}

.fig-hover-item:hover .overlay-color {

    opacity: 1;

	background:#fff !important;

}

.no-opacity .fig-hover-item:hover .overlay-color {

    display: block;

}

.fig-hover-item:hover .overlay:before, .fig-hover-item:hover .overlay:after {

    opacity: 1;

    transform: scale(1);

    transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;

}

.no-opacity .fig-hover-item:hover .overlay:before, .no-opacity .fig-hover-item:hover .overlay:after {

    display: block;

}

.fig-hover-item:hover .overlay-content {

    opacity: 1;

    transform: translate3d(0px, -40px, 0px);

	height:auto;

	

}

.no-opacity .fig-hover-item:hover .overlay-content {

    display: block;

}