.datagrid-mask-img-container
{
    display: block;
    position: fixed;
	background-color: black;
	opacity: 0.5;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9998;
}

.datagrid-mask-img
{
    position: absolute;
	background: none;
	border: none;
	margin-top: 0px;
    padding: 0px;
}
.datagrid-mask-img img
{
	border: 1px solid rgb(71,71,71);
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
	vertical-align: middle;
}
.datagrid-mask-img .datagrid-mask-img-prev
{
	position: absolute;
	left: 0px;
	width: 40px;
	height: 72px;
	top: 45%;
	cursor: pointer;
	background: url(../images/slider_btn_icon_1fac543.png) no-repeat 0 0;
	background-position: 0px -87px;
}
.datagrid-mask-img .datagrid-mask-img-prev:hover
{
	background-position: -46px -87px;
}
.datagrid-mask-img .datagrid-mask-img-next
{
	position: absolute;
	right: 0px;
	width: 40px;
	height: 72px;
	top: 45%;
	cursor: pointer;
	background: url(../images/slider_btn_icon_1fac543.png) no-repeat 0 0;
}
.datagrid-mask-img .datagrid-mask-img-next:hover
{
	background-position: -46px 0px;
}
.datagrid-mask-img .datagrid-mask-img-close
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../images/close.ico);
	background-repeat: no-repeat;
    background-size:100% 100%; 
}
.datagrid-mask-img .datagrid-mask-img-rotate
{
	position: absolute;
	bottom: -3px;
	right: 0px;
	width: auto; /* 170px; */
	height: 25px;
}
.datagrid-mask-img .datagrid-mask-img-rotate .iconfont
{
	float: left;
	font-size: 16px;
}