.img-over-animate .img-hover-wrap{
	position:relative;
	z-index:9;
}

.img-over-animate .img-wrap{
	position:absolute;
	z-index:5;
}

.img-over-animate .img-hover-wrap .img-over-ef{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	overflow:hidden;
}

.img-over-animate .img-hover-wrap .img-over-ef:hover{
	background-color:rgba(0,0,0,0.3);
}

.img-over-animate .img-hover-wrap .circle{
	position:absolute;
	background-color:#fff;
	border-radius:50%;
	top:50%;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
	-webkit-transition:background 0.35s ease-out;
	-moz-transition:background 0.35s ease-out;
	-o-transition:background 0.35s ease-out;
	transition:background 0.35s ease-out;
	display:inline-block;
	cursor:pointer;
	text-align:center;
    color:#000;
}

.img-over-animate .img-hover-wrap .circle a{
	color:#000;
	display:block;
	border-radius:50%;
	font-size:20px;
	line-height:20px;
	padding:0;
}

.img-over-animate .img-hover-wrap .circle:hover,
.img-over-animate .img-hover-wrap .circle:hover a{
	/*background:#ff6c3a;*/
	/*color:#fff;*/
}

.img-over-animate .img-hover-wrap .view-ico{
	left:-200px;
}

.img-over-animate .img-hover-wrap .link-ico{
	right:-200px;
}

.img-over-animate .img-hover-wrap .circle i{
	position:relative;
    font-size:20px;
	line-height:20px;
    top:5px;
    width:32px;
    height:32px;
}

.img-over-animate .img-hover-wrap .info-wrap{
	position:absolute;
	bottom:0;
	z-index:2;
	height:0;
	overflow:hidden;
/*	background-color:#ff6c3a;*/
	width:100%;
	-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);
}

.img-over-animate .img-hover-wrap .info-wrap .info-conn{
	position:absolute;
	z-index:2;
	bottom:0;
	padding:10px;
	width:100%;
}

.img-over-animate .img-hover-wrap .info-wrap p{
	margin:0;
	padding-top:5px;
}

.img-over-animate .img-hover-wrap .info-wrap a{
	/*color:#fff;*/
	display:block;
	text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    word-wrap:break-word;
    width:auto;
	/*font-size:16px;*/
	/*line-height:16px;*/
}

.img-over-animate .img-hover-wrap .info-wrap a:hover{
	/*color:#999;*/
}

.img-over-animate .img-hover-wrap .info-wrap p{
	/*color:#999;*/
	text-align:right;
	/*font-size:12px;*/
	/*line-height:12px;*/
}