.bsn-wrap {
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	overflow: hidden;
}

.bsn-wrap .bsn-image{
	display: inline-block;
	float:left;
	padding:0 10px 5px 0;
}

.bsn-wrap .bsn-image img{
	width:100%;
	max-width:100%;
	border:0 none;
}

.bsn-wrap h4 {
	background: #0088B3;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-shadow: #333333 1px 1px;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 5px 1px 8px;
}

.bsn-wrap .post {
	margin: 0;
	padding: 0;
}
.bsn-wrap .showlinebottom{
	border-bottom: 1px dotted #cfcfcf;
	padding:5px 0;
}
.bsn-wrap .last-item{
	border-bottom:none !important;
}
.bsn-wrap .first-item{
	padding-top:5px;
}
.bsn-wrap .showlinebottom .post-inner{
	padding:0 0;
}	
.bsn-wrap .alignleft {
	display: inline-block;
}
.basic-date{
	color:#c8c7c7; font-weight:bold;
}



.bsn-wrap .alignright {
	float: right;
	margin: 0 0 0 10px;
}



.bsn-wrap .wp-caption {
	background: #F7F7F7;
	text-align: center;
	padding: 5px 0 0 1px;
	border: 1px solid #dedede;
}
	
	
.bsn-wrap h2 a, .bsn-wrap h2 {
	/*color: #386073;
	font-size: 100%;
	font-weight:normal;
	margin: 0 0 3px 0;*/
}


.bsn-wrap .post p {
	margin: 0;
	padding: 0 0;
}
/*------*/
.basic_style1 .bsn-wrap .first-item{ padding-top:0px;}
.basic_style1 .bsn-wrap{ overflow:visible; margin-bottom:0px;}
.basic_style1 .bsn-wrap .post {
	/*overflow: hidden;*/
	width:24.5%;
	height:250px;
	/*float:left;*/
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
	 -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  margin-bottom:50px;
}
.basic_style1 .post .post-inner{
	display:inline-block;
	text-align:center;
	width:94%;
}
/*--shadow---*/
.post .shadown-image {
	height:9px;
   position:relative;
   width:100%;
}

.post .shadown-image:before,
.post .shadown-image:after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:46%;
   height:20%;
   max-width:300px;
   -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.9);
   -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.9);
   box-shadow:0 5px 10px rgba(0, 0, 0, 0.9);
   -webkit-transform:rotate(-5deg);
   -moz-transform:rotate(-5deg);
   -o-transform:rotate(-5deg);
   transform:rotate(-5deg);
}

.post .shadown-image:after{
   right:10px;
   left:auto;
   -webkit-transform:rotate(5deg);
   -moz-transform:rotate(5deg);
   -o-transform:rotate(5deg);
   transform:rotate(5deg);
 }
 
.basic_style1 .bsn-wrap .bsn-image{
	float:none;
	padding:0px;
	border:5px solid #fff;
	
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	
	position:relative;
}
.basic_style1 .bsn-wrap h2{
	font-size:125%;
	margin:0px;
	line-height:35px;
	font-weight:normal;
}
.basic_style1 .post .basicnews-desc{ /*display:none;*/}
.basic_style1 .post:hover .basicnews-desc{display:block;}
.basic_style1 .post{ z-index:1; }
.basic_style1 .post:hover{ z-index:2;}

.basic_style1 .post .post-inner .info-item{ 	
	position:relative;
	padding:0 15px;
	
	background:#3D2B1F;
	border-radius:0px 0px 4px 4px;
	/*height:0px;overflow:hidden;
	-webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;*/
}
/*Hover Iitem*/
.basic_style1 .post:hover .post-inner .info-item{
	height:auto;
}
.basic_style1 .post .info-item-inner{
	height:0px;
	-webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
}
.basic_style1 .post:hover .info-item-inner{
	height:auto;
}

.basic_style1 .post p.basicnews-desc{
	height:0px;
	overflow:hidden;
	opacity:0;
	-webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   -ms-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
}
.basic_style1 .post:hover p.basicnews-desc{ 
	overflow:visible;
	height:auto;
	padding-bottom:25px;	
	opacity:1;
	/*background:#3d2b1f;	
		
	-webkit-border-radius:0 4px;
    -moz-border-radius:0 4px;
    border-radius:0 4px;*/
}
.basic_style1 .post:hover .post-inner .info-item a.more{
	/*clip:rect(0px, 140px, 40px, 0px);*/
	opacity:1;	
}
.basic_style1 .post:hover h2{
	background:rgba(255, 255, 255, 0.5);
	
	background: linear-gradient(center top, #ffffff,rgba(255, 255, 255, 0.1));
	background: -o-linear-gradient(center top, #ffffff, rgb(255,255,255.0.1));
	background: -ms-linear-gradient(center top, #ffffff,rgba(255, 255, 255, 0.1));
	background: -moz-linear-gradient(center top, #ffffff, rgba(255, 255, 255, 0.1));
	background: -webkit-gradient(linear, center bottom, center top, from(rgba(255, 255, 255, 0.1)), to(#fff)); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1' ); /* IE6-9 */
	
	-webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
.basic_style1 .post .post-inner .inner-hover{
	position:relative;
	color:#fff;
	display:inline-block;
}
.basic_style1 .post:hover .post-inner .inner-hover{	 
	z-index:3;
	background:#3d2b1f;	
		
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.basic_style1 .post:hover .post-inner .inner-hover a{
	color:#fff;
}
.basic_style1 .post:hover .bsn-image{
	border:5px solid #3d2b1f;
}
.basic_style1 .bsn-wrap .bsn-image-shadown{
	width:101%;
	height:25px;
	position:absolute;
	/*left:0px;*/
	left:-1px;
	bottom:0px;
	background:rgba(255, 255, 255, 0.5);

	background: linear-gradient(center top,rgba(255, 255, 255, 0.5), #ffffff);
	background: -o-linear-gradient(center top, rgb(255,255,255.0.5), #ffffff);
	background: -ms-linear-gradient(center top,rgba(255, 255, 255, 0.5), #ffffff);
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.5), #ffffff);
	background: -webkit-gradient(linear, center bottom, center top, from(#fff), to(rgba(255, 255, 255, 0.5))); 	 
	
	
}
.basic_style1 .post:hover .bsn-image-shadown{
	background:rgba(61, 43, 31, 0.8);
	
	background: linear-gradient(center top,rgba(61, 43, 31, 0.3), #3d2b1f);
	background: -o-linear-gradient(center top, rgba(61, 43, 31, 0.3), #3d2b1f);
	background: -ms-linear-gradient(center top,rgba(61, 43, 31, 0.3), #3d2b1f);
	background: -moz-linear-gradient(center top, rgba(61, 43, 31, 0.3), #3d2b1f);
	background: -webkit-gradient(linear, center bottom, center top, from(#3d2b1f), to(rgba(61, 43, 31, 0.3));
}

