.view {
  cursor: default;
    float: left;
    height:485px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width:100%;
}
.view .mask, .view .content {
   width: 100%;
   height:280px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   max-width:100%;
  
  
}


.view a.info {
   background:url(../images/android.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:55px;
   height:55px;
   left: 14px;
    margin-top: 32px;
    opacity: 0;
    padding: 0;
    top: 73px;
}

.view a.info2 {
   background:url(../images/apple.png) center no-repeat;
   display: inline-block;
    height: 55px;
    margin-top: 31px;
    padding: 0;
	position:relative !important;
	left:0px;
    text-decoration: none;
    text-indent: -9999px;
    top: 72px;
    width: 55px;
}

.info3 {
   background:url(../images/color_amazon.png) center no-repeat #fff;
   display: inline-block;
    height: 55px;
    margin-top: 31px;
    padding: 0;
	position:relative !important;
	left:0px;
    text-decoration: none;
    text-indent: -9999px;
    top: 72px;
    width: 55px;
	border-radius:50%;
}

.view a.large {
   background:url(../images/overlay-icn1.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:55px;
   height:55px;
	left: -14px;
    top: 73px;
}



.slide-txt{
	margin:10px 0 0 0px;
}
.slide-2ndbtn{
	float: right;
    margin-right: 141px;
    position: relative;
}


.proj-title {
	margin:12px 0px 1px 0px;
	padding:10px 0px;
	border-bottom: 1px solid #b0b0b0;
	text-transform: uppercase;
	border-top: 1px solid #b0b0b0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#3b3b3b;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
}
.proj-desc {
	margin-bottom:30px;
	padding:10px 0px;
	border-top:1px solid #b0b0b0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#3a3a3a;
	line-height:21px;
	text-align:center;
	position:relative;
	min-height:85px;
}


.work-btnbox {
    float: left;
    position: relative;
    text-align: center;
    width:100%;
	margin-left:-2%;
}
  
.second-effect a.info {
	position:relative;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect a.large {
	position:relative;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect .mask {
    border: 0 solid rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    opacity: 0;
    overflow: visible;
    transition: all 0.4s ease-in-out 0s;
}

.second-effect:hover .mask {
   opacity: 1;
   background:rgba(0, 0, 0, 0.4);
  transition-duration: 0.6s, 0.3s;
    transition-property: all, -moz-transform;
    transition-timing-function: ease-in-out, ease-in;
  /* border:150px solid rgba(0,0,0,0.4);*/
}


.view:hover img{
	 transition: all 0.3s linear 0s;
	  transform:scale(1.05);
}








.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
	
}
.second-effect:hover a.large {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}




.hoverimage {
    display: none;
    height: 98%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 105%;
}

.overlay-img {
    background-color: gray;
    height: 100% !important;
    opacity: 0.75;
    width: 100%;
}

.hoverimage img.icn1, .hoverimage img.icn2 {
    transition-duration: 0.6s;
    transition-property: opacity;
}
.hoverimage img.icn1 {
    left: 115px !important;
    opacity: 0.7;
    position: absolute !important;
    top: 105px !important;
    z-index: 300;
}

.image {
    position: relative;
}