﻿.imgListLYn {width: 780px;}
.imgListLYn a{float:left;position: relative;display:block;overflow: hidden;width: 260px;height: 185px;}
.imgListLYn a img{width:100%;height:100%;}

.imgListLYn a em{width: 100%;height: 185px;position: absolute;top:0px;left:0;z-index:4;
	filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease ;}
.imgListLYn a em.icon1{background:#1f242f url('../images/pic1.png') no-repeat center;}
.imgListLYn a em.icon2{background:#1f242f url('../images/pic2.png') no-repeat center;}
.imgListLYn a span{width:100%;height:29px;line-height:29px;color:#999999;display:inline-block;text-align:center;position: absolute;bottom:-50px;left:0;z-index:3;}
.imgListLYn a i{width:100%;height:29px;display:inline-block;background:#1f242f;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;position: absolute;bottom:-50px;left:0;z-index:2;}
.imgListLYn a:hover em{top:185px;}
.imgListLYn a span,.imgListLYn a i{
	-webkit-transition: all 0.8s ease-in-out ;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out ;
	-ms-transition: all 0.8s ease-in-out ;
	transition: all 0.8s ease-in-out ;}
.imgListLYn a:hover span,.imgListLYn a:hover i{bottom:0px;}
