.fg {
position:relative;
overflow:hidden;
width:90%;
max-width:680px;
margin:0 auto;
padding:0;
}

.fg a:link, .fg a:active, .fg a:visited {outline:0;text-decoration:none;color:#004e7b;}
.fg a:hover {color:#a63510;} 

.fg img {border:0;}
.fg .clear {clear:both;}

.fg .p10-lr {padding:0 10px; margin:2em 0;}
.fg .title {font-weight:700;}

.fg .thumb-wrapper {
position:relative;
overflow:hidden;
float:left;
width:154px;
height:130px;
margin:8px;
background-color:#ddd;
border-radius:4px;
box-shadow: 0px 0px 4px 1px #7a7a7a;
z-index:198;
}

.fg .thumb-wrapper:hover {box-shadow: 0px 0px 4px 1px #3a3a3a;}

.fg .thumb-wrapper .caption {
position:absolute;
display:block;
width:94%;
padding:0 3%;
left:0;
bottom:0;
height:25px;
line-height:22px;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
color:#333;
background: #ddd;
z-index:199;
text-align: center;
}

div.tooltip-container {position:relative;cursor:pointer;background:url(info.png) right 0 no-repeat;}

div.tooltip-container .tooltip {
display:block;
position:absolute;
width:96%;
padding:2%;
left:0;
top:-100px;
color:#000;
background:#fff;
opacity:0;
-webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	 -0-transition:all 0.2s ease-in-out;
	    transition:all 0.2s ease-in-out;
-webkit-transform:scale(0);
   -moz-transform:scale(0);
	-ms-transform:scale(0);
	 -o-transform:scale(0);
	    transform:scale(0);
line-height:1.2em;
text-align: left;
cursor:pointer;
}

div.tooltip-container .tooltip:before,
div.tooltip-container .tooltip:after {
content:'';
position:absolute;
top:-90px;
left:0;
width:0;
height:0;
}

div.tooltip-container .tooltip:after {top:-95px;}

div.tooltip-container:hover .tooltip {
opacity:0.85;
-webkit-transform:scale(1);
   -moz-transform:scale(1);
    -ms-transform:scale(1);
	 -o-transform:scale(1);
	    transform:scale(1);
}

div.tooltip-container span.tooltip a, 
div.tooltip-container span.tooltip a:hover, 
div.tooltip-container span.tooltip a:active, 
div.tooltip-container span.tooltip a:visited {
  color: #666;
}

.fg .thumb {width:100%;height:112px;overflow:hidden;display:table-cell;vertical-align:top;text-align:center;}
.fg .thumb img {width:auto !important;width:100%;height:auto !important;position:relative;display:block;margin:auto;}
.fg .refresh {cursor:pointer;}

.fg .description-wrapper {padding-left:8px;font-size:14px;line-height:1.4em;color:#666666; font-style:italic; margin:1em;}

/***** pagination style *****/
.fg a.paginate,
.fg a.current-paginate, 
.fg a.paginate:hover,
.fg a.prev,
.fg a.next,
.fg a.prev:hover,
.fg a.next:hover {
display:inline-block;
width:16px;
height:16px;
padding:0;
margin:2px 2px 0 2px;
text-decoration:none;
outline:none;
}

.fg a.paginate,
.fg a.current-paginate, 
.fg a.paginate:hover {width:12px;height:12px;margin:2px 3px;}

.fg a.current-paginate, 
.fg a.paginate:hover {background-image:url(nav_current.png);}

.fg a.paginate {background-image:url(nav_other_page.png);}

.fg a.next {background-image:url(nav_next_inactive.png);}
.fg a.prev {background-image:url(nav_prev_inactive.png);}
.fg a.next:hover {background-image:url(nav_next_active.png);}
.fg a.prev:hover {background-image:url(nav_prev_active.png);}

.fg .paginate-wrapper {display:block; margin: 2em auto;}