/******************************************************************************/
/* cweb_lightbox ***************************************************************/
/******************************************************************************/

div#cweb_lightbox {
	width: 100%;
	height: 100%;
	display: none;
	margin: 0px auto;
	position: fixed;
	left: 0px;
	top: 0px;
	text-align: center;
  z-index: 2000;
}

/******************************************************************************/
/* cweb_lightbox - background **************************************************/
/******************************************************************************/

div#cweb_lightbox div.background {
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2000;
}

/******************************************************************************/
/* cweb_lightbox - wrap ********************************************************/
/******************************************************************************/

div#cweb_lightbox div.wrap {
	padding: 30px 30px 30px 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 2010;
}

div#cweb_lightbox div.wrap div.full {
	background-color: #ffffff;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
}

div#cweb_lightbox div.wrap div.full div.title {
	height: 14px;
	background-color: #ffffff;
	color: #333;
	overflow: hidden;
	padding: 8px 0px 2px 0px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
  font-weight: bold;
}

div#cweb_lightbox div.wrap div.full div.image {
	position: relative;
}

div#cweb_lightbox div.wrap div.full div.image img {
	max-width: 100%;
	max-height: 100%;
	border: none;
}

div#cweb_lightbox div.wrap div.full div.image div.previous {
	width: 40px;
	height: 100%;
	background: transparent url('../img/icon/arrow_left.png') no-repeat center center;
	cursor: pointer;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2020;
}

div#cweb_lightbox div.wrap div.full div.image div.next {
	width: 40px;
	height: 100%;
	background: transparent url('../img/icon/arrow_right.png') no-repeat center center;
	cursor: pointer;
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2020;
}

div#cweb_lightbox div.wrap div.full div.image div.close {
	-webkit-padding: 0 6px 6px 6px;
  padding: 0 6px 4px 6px;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	display: none;
	font-family: "MS Reference Sans Serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 26px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	z-index: 2030;
  text-shadow: #000 2px 2px 7px; 
}

/* Added 17062013 */

div#cweb_lightbox div.wrap div.full div.image div.close:hover {
  animation:fade 0.3s;
  -webkit-animation:fade 0.3s; 
  -moz-animation:fade 0.3s;
  background: #c00;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

@keyframes fade {
  from {background:transparent;}
  to {background:#c00;}
}

@-webkit-keyframes fade {
  from {background:transparent;}
  to {background:#c00;}
}

@-moz-keyframes fade {
  from {background:transparent;}
  to {background:#c00;}
}



/*div#cweb_lightbox div.wrap div.full div.image div.close {
	width: 25px;
	height: 21px;
	background-color: #ffffff;
	border: 2px solid #000000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #000000;
	cursor: pointer;
	display: none;
	font-family: "MS Reference Sans Serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	z-index: 2030;
}*/