.ngl { /*height: 400px;*/ position: relative; }
.ngl_wrapper { /*height:400px;*/ overflow: hidden; position: relative;}
.ngl_slide { width: 900px;  position: relative; left:-100px; padding: 0 100px;}
.ngl_slide img { float: left; width: 720px; /*height: 400px;*/ }

.ngl_ppbg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index:2;}
.ngl_gallery_frame { position: relative; overflow: hidden; }
.ngl_gallery_slide { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.ngl_gallery_item { background-repeat: no-repeat; background-position: center center; background-size: contain; /*background-color: #111;*/ width: 100%; height: 100%; float: left; }
.ngl_gallery_left, .ngl_gallery_right, .ngl_gallery_close { position: fixed; top: 0; width: 100px; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.ngl_gallery_left { left: 0; height: 100%; background-image: url(../img/left.png); }
.ngl_gallery_right { right: 0; height: 100%; background-image: url(../img/right.png); }
.ngl_gallery_close { right: 0; height: 8%; background-image: url(../img/close.png); }

.ngl_gallery_left:hover { left: 0; height: 100%; background-image: url(../img/left1.png); }
.ngl_gallery_right:hover { right: 0; height: 100%; background-image: url(../img/right1.png); }
.ngl_gallery_close:hover { right: 0; height: 8%; background-image: url(../img/close1.png); }