/* ============ÃÆ'¤ÂºÂ§ÃÆ'¥â€œÂÃÆ'¥Ë†â€”ÃÆ'¨Â¡Â¨============== */

.box{	
	float:left;
	padding:10px;
	margin-left:16px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	border:3px #efecec solid;	
	
}


.box:hover{	
	
border:3px #007ca4 solid;	
}



.note{
	position:absolute;
	left:50;
	top:3%;
	width:350px;
	height:350px;
	text-decoration:none;
	color:#fff;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#0F000000,endColorstr=#0F000000);
	background: rgba(0,0,0,.15);
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}



.note:link,.note:visited,.not:active{
	font:bold 14px/180px Microsoft Yahei;
	text-decoration:none;
	color:#fff;
	opacity:0;		
}

/* 添加十字加号样式 */
.plus-icon {
	position: relative;
	width: 40px;
	height: 40px;
}

.plus-icon:before,
.plus-icon:after {
	content: '';
	position: absolute;
	background-color: white;
}

.plus-icon:before {
	width: 40px;
	height: 2px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.plus-icon:after {
	width: 2px;
	height: 40px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.title{
	display:block;
	width:100%;
	height:100%;
	font-size:14px;	
	color:#ffffff;
	text-decoration:none;
}