﻿.cr-container{
	width:100%;
	height:520px;
	/*border:1px solid #000;*/
	position:absolute;
	z-index:100;
}
.cr-content-wrapper{
	width:100%;
	height:100%;
	overflow:hidden;
}
.cr-content-container{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
	overflow:hidden;
}
.cr-img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    height:100%;
	z-index:1;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.7);
	box-shadow:1px 1px 2px rgba(0,0,0,0.7);
    /*transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;*/
    
}
.cr-img:hover{
    /*background-position: 0px 0px; 
    float: right; 
    overflow: hidden; 
    z-index: 999; 
    transform: translateZ(0px); 
    opacity: 0.4; 
    zoom: 1; 
    width: 315.1px; 
    height: 315.01px; 
    background-color: white; 
    cursor: pointer; 
    border: 1px solid rgb(0, 0, 0); 
    background-repeat: no-repeat; 
    position: absolute; 
    left: 0px; top: 52.5px; 
    display: none;*/
    /*transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);*/
}
.cr-content{
	/*position:relative;
	z-index:10;
	margin:20px;
	height:360px;*/
}
.cr-content h2{
	    /*font-size:25px;
	    line-height:40px;
	    width:100%;
	    color:#fff;
        color:#1C3048;
        text-shadow: 1px -1px 1px rgba(0,0,0,0.5);
	    background:transparent url(../images/bg_content.png) repeat top left;
        text-align:justify;
        font-family: 'Holtwood One SC', serif;*/
    background:#000;
    color:#fff;
    /*width:100%;*/
    text-align:justify;
    line-height:40px;
    font-size:25px;
    opacity: 0.8;
    padding-left:5px;
    padding-right:5px;
}
.cr-content h3{
	width:40%;
	color:#fff;
	padding:15px 0px;
	line-height:22px;
}
.cr-content h3 span{
	background:  #000 ;
	padding:4px 0px;
	font-style:italic;
	font-family:Georgia, serif;
	letter-spacing:1px;
	font-size:13px;
}
.cr-more-link{
	text-transform:uppercase;
	color:#000;
	font-size:12px;
	padding:0px 5px;
     font-weight:bold;
}
.cr-more-link:hover{
	/*text-shadow: 1px -1px 1px rgba(0,0,0,0.5);*/
	color:red;
    font-weight:bold;
}
.cr-content-text{
	color:#000;
	background:transparent url(../images/bg_content.png) repeat top left;
	font-size: 14px;
	font-family: Georgia;
	font-style: italic;
	line-height: 24px;
	position:relative;
	display:none;
	z-index:999;
	clear:both;

}
.cr-content-text p{
	padding:10px;
}
.cr-thumbs{
	position:absolute;
	left:22px;
    right:25px;
	height:110px;
	width:100%;
	bottom:0px;
	z-index:20;
	overflow:hidden;
}
.cr-thumbs div{
	float:left; /* Set to absolute each 150px*/
	cursor:pointer;
	position:relative;
	display:none;
	width:143px;
	height:106px;
}
.cr-thumbs img{
	display:block;
	margin:6px 5px 6px 0px;
	border:1px solid #fff;
    width:130px;
    height:86px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.25);
	box-shadow:1px 1px 1px rgba(0,0,0,0.25);
}
/*.cr-thumbs h4{
	position:absolute;
	left:10px;
	right:10px;
	bottom:15px;
	font-family:'Holtwood One SC', serif;
	font-size:12px;
	line-height:14px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	color:#fff;
}
.cr-thumbs div:hover h4{
	bottom:10px;
}*/
.cr-thumbs div.cr-selected{
	border-color:#000;
	background:transparent url(../images/triangle.png) no-repeat 50% 0%;
}
.cr-thumbs div.cr-selected img{
	border-color:#000;
}
.cr-nav span{
	position:absolute;
	z-index:50;
	text-indent:-9000px;
	cursor:pointer;
	width:25px;
	height:37px;
	margin-bottom:-10px;
	left:-1px;
	background:transparent url(../images/arrows1.png) no-repeat top left;
}
.cr-nav span.cr-nav-next{
	background-position:bottom right;
	right:-1px;
	left:auto;
}
.cr-nav span.cr-nav-prev:hover,
.cr-nav span.cr-nav-next:hover{
	bottom:34px;
}
.cr-hide, .cr-show{
	position:absolute;
	z-index:50;
	left:50%;
	margin-left:-25px;
	bottom:-10px;
	background:#000 url(../images/hide.png) no-repeat top center;
	cursor:pointer;
	width:60px;
	height:15px;
}
.cr-show{
	background-position:bottom center;
}