/**********Tooltip**********/
.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}
/**********Tooltip End**********/


/**********Image & Text**********/
.imgbox_imagetext {
position:relative;
display:inline-block;

/* Set By User In Form
width:160px;
height:160px;
*/
}
.imgbox_imagetext .myimg_imagetext {
opacity:1;
filter:alpha(opacity=1);
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;

}
.imgbox_imagetext:hover .myimg_imagetext {
opacity:0.2;

filter:alpha(opacity=20); /*--for IE--*/
}
.imgbox_imagetext .imgboxtext_imagetext {
position:absolute;
left:0;
right:0;
top:.5;
bottom:0;
opacity:0;
filter:alpha(opacity=0);
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
           
    		background: rgba(0,0,0,.8);
    		border-radius: 4px;
    		
    		

}
.imgbox_imagetext:hover .imgboxtext_imagetext {
margin-top:5px;
opacity:.8; /*mizane roshani poshte matn*/
filter:alpha(opacity=.8); /*mizane roshani poshte matn*/
color : White;   		
}


/**********End Image & Text**********/

/********** Image Rotate**********/

.img_rotate:hover{
-webkit-transform: rotate(13deg);
-moz-transform: rotate(13deg);
-o-transform: rotate(13deg);
transform: rotate(13deg);
transition: all 300ms;
  }
/********** End Image Rotate**********/