.mainPage .newColMd{
	position: relative;
	width: 32.1%;
	min-width: 330px;
	height: 520px;
	display: inline-block;
	margin: 5px 0;
	margin-right: 1%;
}
.mainPage .newColMd .image.dobleImage{
	height: 49%;
}
.mainPage .newColMd .image.dobleImage + .dobleImage{
	margin-top:  2.385%;
}
.mainPage .newColMd .image.uniqImage{
	height: 100%;
}
.mainPage .newColMd .image{
	width:100%;
	position: relative;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	transform: scale3d(0, 0, 0);
	opacity: 0;
	transition: all 1s;
}
.mainPage .newColMd .image .back-black{
	width:100%;
	height:100%;
	position: absolute;
	background-color: rgba(0,0,0,.4);
	opacity: 0;
	transition: all .5s;
}
.mainPage .newColMd .image .detail{
	background-color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0px;
	text-align: left;
	overflow:hidden;
	overflow-y:auto;
	transition: all .3s;
}
.mainPage .newColMd .image .detail::-webkit-scrollbar {
    width: 0px;
}
.mainPage .newColMd .image .detail .title{
	font-family: oryaniB;
	color: #32b8c9;
	padding: 2px;
	direction: ltr;
	
}
.mainPage .newColMd .image .detail .description{
	padding: 2px;
	direction: ltr;
	
}
.mainPage .newColMd .image:hover .back-black{
	opacity: 1;
}
.mainPage .newColMd .image:hover .detail{
	height: 70px;
}
.mainPage .more{
	cursor:pointer;
	width:48px;
	margin: auto;
	height: 20px;
	margin-top: 50px;
}
.mainPage .more span{
	display:inline-block;
	margin:0 2px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #32b8c9;
	float: left;
}
.mainPage .more .chara{
	width: 100%;
    font-size: 17px;
    color: #32b8c9;
    font-family: oryaniB;
    padding-left: 1px;
    text-align: left;
}