.view {
/*	border: 5px solid #fff;
    box-shadow: 0 0 5px #aaa;
	margin: 10px;
*/
    cursor: default;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 142px;/*200*/
	width: 142px;/*300*/
}
.itemSaibaTudoSobre1 .view{
   height: 308px;/*200*/
	width: 308px;/*300*/
}
.view .mask, .view .content {
    height: 142px;/*200*/
	width: 150px;/*300*/
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
	cursor:hand;
}
.view img {
    display: block;
    position: relative;
}
.view .info {
	background: url("../inc/img/link.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
	height: 20px;
    width: 20px;
}
.effect img {
   opacity:1;
   transform:scale(1,1);
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:71px;/*150*/
   width:0;
   height:0;
   transform:translateY(-67px);/*125*/
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}

.itemSaibaTudoSobre1 .effect .mask {
	border-width: 154px;/*150*/
	transform:translateY(-125px);/*125*/
}

.effect .info {
   opacity:0;
   transform:translateY(-30px);/*125*/
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
   cursor:hand;
}
.effect:hover img {
   opacity:0.7;
   transform:scale(2,2);
   cursor:hand;
}
.effect:hover .mask {
   opacity: 1;
   transform: translateY(0px);
   cursor:hand;
}
.effect:hover .info {
   opacity:1;
   transform:translateY(20px);/*100*/
   cursor:hand;
}
.itemSaibaTudoSobre1 .effect:hover .info{
   opacity:1;
   transform:translateY(100px);/*100*/
}

.wrapper {
    display: block;
    height: 156px;
    overflow: hidden;
    position: relative;

}

.itemSaibaTudoSobre1 .wrapper{
   height: 308px;
	width: 308px;
}
.wrapper img {
	position: absolute;
	top:0;
	left:0;
}

.mascara {
    display: block;
    height: 142px;
    left: 0;
    opacity: 0.44;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease 0s;
    width: 142px;
}

.itemSaibaTudoSobre1 .mascara{
   height: 308px;
	width: 308px;
}

.envelope {
    border-color: rgba(0, 0, 0, 0.5) transparent transparent;
    border-style: solid;
    border-width: 60px;
    height: 0;
    left: 60px;
    position: absolute;
    top: -77px;
    transition: top 0.2s ease 0s;
    width: 0;
}

.itemSaibaTudoSobre1 .envelope {
	top: -154px;
	border-top: 154px solid rgba(0,0,0,0.5);
	border-bottom: 154px solid transparent;
	border-left: 154px solid transparent;
	border-right: 154px solid transparent;
    transition: top 0.4s;
}

.lupa {
    background-image: url("../inc/img/link.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    height: 42px;
    left: -3px;
    position: absolute;
    top: -94px;
    transition: top 0.2s ease 0s;
    width: 238px;
}

.itemSaibaTudoSobre1 .lupa{
   height: 308px;
	width: 308px;
	top: -154px;
	background-position: center 90px;
    transition: top 0.4s;
}

.wrapper a:hover .mascara {
    opacity: 0;
}

.wrapper a:hover .envelope, .wrapper a:hover .lupa {
	top: 0;
}