.text-desc{position: absolute; left: 0; top: 0; background:url(../img/page/SDFS.png); height: 320px; opacity: 0; width: 659px; }
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}
.port-1 .text-desc{
opacity: 1; 
color: #FFF; 
}
.port-1 img{
-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;
cursor:pointer;	
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.port-1:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
.port-1.effect-3 .text-desc a{ text-decoration:none; display:block;}
.port-1.effect-3 .text-desc table{ width:100%; height:100%; font-size:13px; color:#FFF; line-height:27px;}
.port-1.effect-3:hover .text-desc{width:90%; height:90%; top: 5%; left: 5%; cursor:pointer; }


/* effect-1 css end */