/*peOverInfo & peOverBW rollover efects CSS*/
    
    
    /*black n white image rollower efects*/
	
	a.peOverBW, a.peOverInfo{
		width:100%;
		height:100%;
		position:relative;
		overflow:hidden;
		display:block;
	}
	
	a.peOverBW img, a.peOverInfo img{
		display:block;
	}
	
	
	/*image rollover info display effect*/
	
	a.peOverInfo img{
		display:block;
	}
	
	a.peOverInfo{
		width:100%;
		height:100%;
		position:relative;
		overflow:hidden;
		display:block;
	}
	
	/*semi-transparent overlay*/
	
	.peOverElementInnerBG{
		width:100%;
		height:100%;
		position:absolute;
		background-color:rgba(0,0,0,0.3);
		top:0;
		left:0;
		z-index:1;
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		background-color: black;
	}
	
	
	/*icons and text*/
	
	.peOverInfo .title{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding-top:0;
		height:100%;
		text-align:center;
		z-index:11;
	}
	
	.peOverInfo .title .infoWrap{
		position:absolute;
		top:50%;
		margin-top:-25px;
		width:100%;
	}
    
    .peOverInfo.peOverSmall .title .infoWrap{
        margin-top:-25px;
    }
    
    .peOverXSmall .title .infoWrap{
        margin-top:-19px;
    }
    
    .post-thumbs .peOverInfo .title .infoWrap{
        margin-top:-19px;
    }
	
	/*animated text*/
	.peOverElementText {
		margin-top: 10px;
		opacity: 0;
		position:relative;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
	span.peOverElementText{
		font-weight:bold;
		color:#fff;
		font-size:14px;
		z-index:5;
		display: block;
	}
	
	.peOverInfo.peOverSmall span.peOverElementText{
		font-size:12px;
	}
    
    .peOverInfo.peOverXSmall span.peOverElementText{
		display:none;
	}
	
	p.peOverElementText{
		margin-bottom:0;
		padding:0 20px;
		color:#fff;
		z-index:4;
	}
	
	.peOverSmall p.peOverElementText,
    .peOverXSmall p.peOverElementText{
		display:none;
	}
	
	.peOverElementIconBG{
		border-radius:50%;
		display:block;
		width:38px;
		height:38px;
		background-color:#00c9e6;
		position:relative;
		margin:0 auto;
		margin-bottom:10px;
		z-index:2;
		-webkit-transform: scale(0.1);
		-webkit-transition: all 0.3s;
		-moz-transform: scale(0.1);
		-moz-transition: all 0.3s;
		-o-transform: scale(0.1);
		-o-transition: all 0.3s;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
	.peOverInfo:hover .peOverElementIconBG{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: 1;
	}
	
	/*icons*/
	
	.peOverElementIcon {
		display:block;
		width:38px;
		height:38px;
		background-color:transparent;
		position:relative;
		z-index:3;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
	.peOverElementIcon i{
		margin-top:11px;
	}
	
	.peOverElementIcon i.icon-lightbox{
		background:url(../img/skin/hover_lightbox.png) no-repeat 0 0;
		margin:11px 10px 12px 10px;
		width:18px;
	}
	
	.peOverElementIcon i.icon-link{
		background:url(../img/skin/hover_link.png) no-repeat 0 0;
		margin:11px 10px 12px 10px;
		width:18px;
	}
	
	.peOverElementIcon i.icon-gallery{
		background:url(../img/skin/hover_gallery.png) no-repeat 0 0;
		margin:11px 10px 12px 10px;
		width:18px;
	}