/*
 * CSS Style Page 
 * Copyright 2015
 * Contributing Author: thienhiep171193@gmail.com
 */
.item-ef .img {position: relative;}
.item-ef .img .roll { width: 100%;height: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.6);transition: ease-in-out 0.3s;opacity: 0;visibility: hidden;top: 0;left: 0;background-position: center center;background-repeat: no-repeat; font: normal normal normal 14px/1 FontAwesome;}
.item-ef .img .roll:before { color: #fff;width: 14px;height: 14px;border: 3px solid #fff;-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;top: 50%;left: 50%;text-align: center;line-height: 35px;display: block;position: absolute;margin: -20px 0 0 -20px;transform: scale(0);transition: ease-in-out 0.4s;font-size: 18px;}
.item-ef .img a:hover .roll { -ms-opacity:1; opacity:1;visibility: visible;-moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
.item-ef .img a:hover .roll:before { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);-moz-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s;}

.item-s3 {float: left;width: 100%;border-bottom: 1px solid #eeeeee;padding: 0px 0;}
.item-s3 .img { width: 100%;position: relative;float: left;}

.item-s3 .text-des {width: 100%;margin-top: 15px;float: left;text-align: justify ;  }

#viewtooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#f0e7c5;
	padding:5px;
	display:none;
	color:#383838;
    border-radius: 4px;
    z-index: 999;
    width: 400px;
    padding: 10px;
    font-family: roboto ,sans-serif;

	}
#viewtooltip .tooltip-left {
    width: 100%;float: left;
    border: 1px solid #e5e5e5;
}
#viewtooltip .tooltip-left img { width: 398px;}
#viewtooltip .tooltip-right { width: 100%;float: left;padding-left: 0px;} 
#viewtooltip .tooltip-right .title { font-size: 16px;font-weight: bold;color: #333;margin-bottom: 5px;font-weight: bold;margin-top: 10px;}
#viewtooltip .tooltip-right .des { line-height: 1.35em;font-size: 14px;color: #383838;font-weight: normal;float: left; text-align: justify ; }


img {
  vertical-align: middle;
}

.img-rounded {
  border-radius: 16px;
}

.img-circle {
  border-radius: 50%;
}