@charset "UTF-8";

/* jquery-method */

span.roll {
    /*background:url(images/bg-more.png) right bottom  no-repeat #000;*/
	background:#f16d00;
    height:95%;
    position: absolute;
    width:100%;
    z-index: 10;	
	display:block;
	color:#faeedd;font-size:12px;
	text-align:center;
	border-radius:5px
} 
.roll div {display:table-cell;}
.roll p { vertical-align: middle; text-align:center; line-height: normal}

/* css-method */
span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:#faeedd;
	cursor: pointer;
	height:100%;
	width:100%;
	position: absolute;
	z-index: 10;
	opacity: 0;	
}

span.rollover:hover {
	opacity: .8;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
}

.image {position:relative; display:block}
.icon-more {font-size:100px; line-height:50px;margin:15% auto 0 auto; display:block}