@charset "utf-8";
/* CSS Document */


/* #dh_bn_list */

#dh_bn_list *{box-sizing:border-box;}

#dh_bn_list{
	width:605px;
	margin:0 auto;
	margin-bottom:10px;
	border:solid 1px #ccc;
}

#dh_bn_list .item_wrap{
	overflow-y:scroll;
	height:600px;
}

#dh_bn_list .item{
	margin:10px;
	padding-bottom:10px;
	font-size:14px;
	border-bottom:dashed 1px #ccc;
}

#dh_bn_list .item a{
	text-decoration:none;
}

#dh_bn_list .item a.active{
	font-weight:bold;
	color:#333;
	position:relative;
	text-indent:1em;
	display:block
}
#dh_bn_list .item a.active:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ff0000;
	top:50%;
	left:0;
	margin-top:-5px;
	position:absolute;
}


#right_col_bn_list:before {content:".";display:block;height:0px;clear:both;visibility:hidden;}

#right_col_bn_list *{box-sizing:border-box;}

#right_col_bn_list{
	margin-top: 10px;
}
#right_col_bn_list .item{
	position: relative;
	display: block;
	margin-top: 10px;
	border: solid 2px rgba(0,0,0,0.3);
	transition: all 0.3s ease;
}

#right_col_bn_list a{
	text-decoration: none;
	color: #ddd;
}

#right_col_bn_list .item img{
	width: 100%;
	height: auto;
}
#right_col_bn_list .item .title{
	display: block;
	background: rgba(0,0,0,0.9);
	padding:8px 10px;
	font-size: 13px;
	line-height: 1.3em;
	color: #fff;
	width: 100%;
	border-top: solid 2px #d0b015;
}

#right_col_bn_list .item:hover{
	opacity: 0.8;
}