.full-link{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}
[class*=dg-imagebox] a:hover{
/*	text-decoration:none;*/
}
.no-mb{
	margin-bottom:0!important;
}

.dg-imagebox01{
	position:relative;
	overflow:hidden;
}
.dg-imagebox01 .content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:2;
	color:#FFF;
	opacity:0;
	visibility:hidden;
	transform:translateY(-30px);
	-webkit-transform:translateY(-30px);
	transition: 		all 200ms ease-in 0ms;
	-moz-transition: 	all 200ms ease-in 0ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 0ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 0ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 0ms; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox01:hover .content{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	transition: 		all 200ms ease-in 350ms;
	-moz-transition: 	all 200ms ease-in 350ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 350ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 350ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 350ms; /* IE9? */
}
.dg-imagebox01 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox01 .content a, 
.dg-imagebox01 .content a:link, 
.dg-imagebox01 .content a:active, 
.dg-imagebox01 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox01 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:90%;
	position:relative;
	z-index:1;
	color:#fff;
}
.dg-imagebox01 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0f3147;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	transition: 		all 200ms ease-in 0ms;
	-moz-transition: 	all 200ms ease-in 0ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 0ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 0ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 0ms; /* IE9? */
}
.dg-imagebox01 .content .center >*:last-child,
.dg-imagebox01 .content .center >*:last-child > .icon {
	margin:0;
}

.dg-imagebox01 .content .icon:hover{
	background-color:#000;
}
.dg-imagebox01 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox01 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox01 .content .sep{
	padding:0px 4px;
}
.dg-imagebox01 .content .info{
	font-style:italic;
}

.dg-imagebox01 .bg{
	position:absolute;
	bottom:0;
	right:0;
	font-size: 0;
	border-bottom:28px solid ;
	border-right:28px solid ;
	border-top:28px solid transparent !important;
	border-left:28px solid transparent!important;
	transition: 		all 400ms ease-in 200ms;
	-moz-transition: 	all 400ms ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all 400ms ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all 400ms ease-in 200ms; /* Opera */
	-ms-transition: 	all 400ms ease-in 200ms; /* IE9? */
}
.dg-imagebox01:hover .bg{
	border-width:600px!important;
	opacity:0.85;
	transition: 		all 400ms ease-in 0ms;
	-moz-transition: 	all 400ms ease-in 0ms; /* Firefox 4 */
	-webkit-transition: all 400ms ease-in 0ms; /* Safari and Chrome */
	-o-transition: 		all 400ms ease-in 0ms; /* Opera */
	-ms-transition: 	all 400ms ease-in 0ms; /* IE9? */
}
.dg-imagebox01 .bg:before,
.dg-imagebox01 .bg:after{
    content: "";
	position:absolute;
	width:11px;
	height:0px;
	border-bottom:1px solid #FFF;
    left: 6px;
    top: 10px;
	transition: 		all 100ms ease-in 600ms;
	-moz-transition: 	all 100ms ease-in 600ms; /* Firefox 4 */
	-webkit-transition: all 100ms ease-in 600ms; /* Safari and Chrome */
	-o-transition: 		all 100ms ease-in 600ms; /* Opera */
	-ms-transition: 	all 100ms ease-in 600ms; /* IE9? */
}
.dg-imagebox01 .bg:after{
    content: "";
	position:absolute;
	width:0px;
	height:11px;
	border-left:1px solid #FFF;
	left: 11px;
    top: 5px;
}
.dg-imagebox01:hover .bg:before,
.dg-imagebox01:hover .bg:after{
	opacity:0;
	visibility:hidden;
	transition: 		all 100ms ease-in 0ms;
	-moz-transition: 	all 100ms ease-in 0ms; /* Firefox 4 */
	-webkit-transition: all 100ms ease-in 0ms; /* Safari and Chrome */
	-o-transition: 		all 100ms ease-in 0ms; /* Opera */
	-ms-transition: 	all 100ms ease-in 0ms; /* IE9? */
}
.dg-imagebox01 .pic > img{
	width:100%;
}



.dg-imagebox02{
	position:relative;
	overflow:hidden;
}
.dg-imagebox02 .content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:2;
	color:#FFF;
	opacity:0;
	visibility:hidden;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox02:hover .content{
	opacity:1;
	visibility:visible;
	z-index:2;
	transition: 		all 200ms ease-in 350ms;
	-moz-transition: 	all 200ms ease-in 350ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 350ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 350ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 350ms; /* IE9? */
}
.dg-imagebox02 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox02 .content a, 
.dg-imagebox02 .content a:link, 
.dg-imagebox02 .content a:active, 
.dg-imagebox02 .content a:visited{
	color:#f8f8f8;
}

.dg-imagebox02 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	/*min-width:205px;*/
	text-align:center;
	max-width:90%;
	position:relative;
	z-index:1;
}

.dg-imagebox02 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0f3147;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	transition: 		all 200ms ease-in 0ms;
	-moz-transition: 	all 200ms ease-in 0ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 0ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 0ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 0ms; /* IE9? */
}
.dg-imagebox02 .content .center >*:last-child,
.dg-imagebox02 .content .center >*:last-child > .icon {
	margin:0;
}
.dg-imagebox02 .content .icon:hover{
	background-color:#000;
}
.dg-imagebox02 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox02 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox02 .content .sep{
	padding:0px 4px;
}
.dg-imagebox02 .content .info{
	font-style:italic;
}
.dg-imagebox02 .color-dark,
.dg-imagebox02 .color-dark a, 
.dg-imagebox02 .color-dark a:link, 
.dg-imagebox02 .color-dark a:active, 
.dg-imagebox02 .color-dark a:visited{
	color:#333333;
}
.dg-imagebox02 .color-dark .title:after{
	border-bottom-color:#cccccc
}
.dg-imagebox02 .color-dark .info,
.dg-imagebox02 .color-dark .info a, 
.dg-imagebox02 .color-dark .info a:link, 
.dg-imagebox02 .color-dark .info a:active, 
.dg-imagebox02 .color-dark .info a:visited{
	color:#666666
}
.dg-imagebox02 .color-dark .icon{
	background-color:#4b4b4b;
	color:#FFF;
}
.dg-imagebox02 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	opacity:0;
	visibility:hidden;
	z-index:1;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox02:hover .bg{
	bottom:11px;
	right:11px;
	left:11px;
	top:11px;
	opacity:0.85;
	visibility:visible;
}

.dg-imagebox02 .pic > img{
	width:100%;
}


.dg-imagebox03{
	position:relative;
	overflow:hidden;
}
.dg-imagebox03 .content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:2;
	color:#FFF;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox03:hover .content{
	z-index:2;
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.dg-imagebox03 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox03 .content a, 
.dg-imagebox03 .content a:link, 
.dg-imagebox03 .content a:active, 
.dg-imagebox03 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox03 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:90%;
	position:relative;
	z-index:1;
	color:#fff;
}
.dg-imagebox03 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0f3147;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox03 .content .center >*:last-child,
.dg-imagebox03 .content .center >*:last-child > .icon {
	margin:0;
}
.dg-imagebox03 .content .icon:hover{
	background-color:#000;
}
.dg-imagebox03 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox03 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox03 .content .sep{
	padding:0px 4px;
}
.dg-imagebox03 .content .info{
}

.dg-imagebox03 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:100%;
	opacity:1;
	z-index:1;
	margin-top:-3px;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox03:hover .bg{
	opacity:0.85;
	top:0;
}
.dg-imagebox03 .pic > img{
	width:100%;
}

.dg-imagebox04{
	position:relative;
	overflow:hidden;
}
.dg-imagebox04 .content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:2;
	color:#666666;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox04:hover .content{
	opacity:1;
}
.dg-imagebox04 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox04 .content a, 
.dg-imagebox04 .content a:link, 
.dg-imagebox04 .content a:active, 
.dg-imagebox04 .content a:visited{
	color:#666666;
}
.dg-imagebox04 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:90%;
	position:relative;
	z-index:1;
	background-color:#FFF;
}
.dg-imagebox04 .content .center:after{
	content:"";
	position:absolute;
	top:-6px;
	left:-6px;
	right:-6px;
	bottom:-6px;
	border:1px solid #FFF;
	z-index:-1;
}
.dg-imagebox04 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0f3147;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox04 .content .icon:hover{
	background-color:#000;
}
.dg-imagebox04 .content .title{
	font-size:18px;
	margin:0 ;
}
.dg-imagebox04 .content .sep{
	padding:0px 4px;
}
.dg-imagebox04 .content .info{
	margin:0;
	font-style:italic;
}

.dg-imagebox04 .bg{
	position:absolute;
	bottom:10px;
	right:10px;
	left:10px;
	top:10px;
	opacity:1;
	z-index:1;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox04:hover .bg{
	opacity:0.8;
}
.dg-imagebox04 .pic > img{
	width:100%;
}


.dg-imagebox05{
	position:relative;
	overflow:hidden;
}
.dg-imagebox05 .content{
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	text-align:center;
	z-index:2;
	color:#FFF;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox05:hover .content{
	opacity:1;
}
.dg-imagebox05 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox05 .content a, 
.dg-imagebox05 .content a:link, 
.dg-imagebox05 .content a:active, 
.dg-imagebox05 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox05 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	text-align:center;
	max-width:90%;
	z-index:1;
	color:#fff;
}
.dg-imagebox05 .content .center:after,
.dg-imagebox05 .content .center:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:.5;
	z-index:-1;
	transition: 		all 300ms ease-in 200ms;
	-moz-transition: 	all 300ms ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 200ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 200ms; /* IE9? */
}
.dg-imagebox05 .content .center:after{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
}
.dg-imagebox05 .content .center:before{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
}
.dg-imagebox05:hover .content .center:after,
.dg-imagebox05:hover .content .center:before{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
}

.dg-imagebox05 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#333333;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox05 .content .center >*:last-child,
.dg-imagebox05 .content .center >*:last-child > .icon,
.dg-imagebox05 .content .center >*:last-child > a > .icon {
	margin:0;
}


.dg-imagebox05 .content .icon:hover{
	background-color:#fff;
	text-decoration:none;
}
.dg-imagebox05 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox05 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox05 .content .sep{
	padding:0px 4px;
}
.dg-imagebox05 .content .info{
}

.dg-imagebox05 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0;
	opacity:1;
	z-index:1;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox05:hover .bg{
	opacity:0.85;
}
.dg-imagebox05 .pic > img{
	width:100%;
}


.dg-imagebox06{
	position:relative;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}
.dg-imagebox06 .content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:-2;
	color:#FFF;
	letter-spacing:0.05em;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dg-imagebox06:hover .content{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	z-index: 3;
}
.dg-imagebox06 .pic{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	z-index: 0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dg-imagebox06:hover .pic{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
	
.dg-imagebox06 .pic > img{
	width:100%;
}


.dg-imagebox06 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox06 .content a, 
.dg-imagebox06 .content a:link, 
.dg-imagebox06 .content a:active, 
.dg-imagebox06 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox06 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}
.dg-imagebox06 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#333333;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox06 .content .center >*:last-child,
.dg-imagebox06 .content .center >*:last-child > .icon {
	margin:0;
}

.dg-imagebox06 .content .icon:hover{
	background-color:#fff;
}
.dg-imagebox06 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox06 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox06 .content .sep{
	padding:0px 4px;
}
.dg-imagebox06 .content .info{
	margin:0 0 20px;
}
	


.dg-imagebox07{
	position:relative;
	overflow:hidden;
}
.dg-imagebox07 .content{
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	text-align:center;
	z-index:2;
	color:#FFF;
	letter-spacing:0.05em;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox07:hover .content{
	opacity:1;
}
.dg-imagebox07 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox07 .content a, 
.dg-imagebox07 .content a:link, 
.dg-imagebox07 .content a:active, 
.dg-imagebox07 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox07 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}

.dg-imagebox07 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#333333;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox07 .content .center >*:last-child,
.dg-imagebox07 .content .center >*:last-child > .icon {
	margin:0;
}
.dg-imagebox07 .content .icon:hover{
	background-color:#fff;
}
.dg-imagebox07 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox07 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox07 .content .sep{
	padding:0px 4px;
}
.dg-imagebox07 .content .info{
}
.dg-imagebox07 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0;
	opacity:1;
	z-index:1;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox07:hover .bg{
	opacity:0.85;
}
.dg-imagebox07 .pic > img{
	width:100%;
}

.dg-imagebox08{
	position:relative;
	overflow:hidden;
}
.dg-imagebox08 .content{
	position:absolute;
	text-align:center;
	z-index:2;
	color:#FFF;
	padding:25px;
	bottom:0;
	left:0;
	right:0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox08:hover .content{
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.dg-imagebox08 .content a, 
.dg-imagebox08 .content a:link, 
.dg-imagebox08 .content a:active, 
.dg-imagebox08 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox08 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}

.dg-imagebox08 .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#333333;
	position:absolute;
	top:22%;
	left:50%;
	margin-left:-18px;
	z-index:3;
	opacity:0;
	transform:scaleX(0);
	transform-origin: center;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox08  .icon:hover{
	background-color:#fff;
}
.dg-imagebox08:hover .icon{
	opacity:1;
	transform:scaleX(1);
}
.dg-imagebox08 .content .title{
	font-size:18px;
	margin:0 0 14px;
}
.dg-imagebox08 .content .title:after{
	content:"";
	border-bottom:1px solid #ffffff;
	display:block;
	width:38px;
	margin:8px auto 0;
}
.dg-imagebox08 .content .sep{
	padding:0px 4px;
}
.dg-imagebox08 .content .info{
	margin:0;
}
.dg-imagebox08 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0;
	opacity:1;
	z-index:1;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox08:hover .bg{
	opacity:0.7;
}
.dg-imagebox08 .pic > img{
	width:100%;
}

.dg-imagebox09{
}
.dg-imagebox09 .content{
	text-align:center;
	z-index:2;
	color:#666666;
	padding:25px;
	background-color:#fbfbfb;
	border:1px solid #e5e5e5;
	border-top:none;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox09 .content a, 
.dg-imagebox09 .content a:link, 
.dg-imagebox09 .content a:active, 
.dg-imagebox09 .content a:visited{
	color:#666666;
}
.dg-imagebox09 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}

.dg-imagebox09 .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0b2e45;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin:-18px 0 0 -18px;
	z-index:3;
	opacity:0;
	transform:scaleX(0);
	transform-origin: center;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox09:hover .icon{
	opacity:1;
	transform:scaleX(1);
	transition: 		all 200ms ease-in 500ms;
	-moz-transition: 	all 200ms ease-in 500ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 500ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 500ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 500ms; /* IE9? */
}
.dg-imagebox09 .content .title{
	font-size:18px;
	margin:0 0 5px;
}
.dg-imagebox09 .content .sep{
	padding:0px 4px;
}
.dg-imagebox09 .content .info{
	margin:0;
}
.dg-imagebox09 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:100%;
	opacity:1;
	z-index:0;
	margin-top:-3px;
	opacity:1;
	transition: 		all 300ms ease-in 500ms;
	-moz-transition: 	all 300ms ease-in 500ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 500ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 500ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 500ms; /* IE9? */
}
.dg-imagebox09:hover .bg{
	opacity:0.7;
	top:0;
	margin-top:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox09 .pic{
	position:relative;
}
.dg-imagebox09 .pic > img{
	width:100%;
}

.dg-imagebox09 .pic:after,
.dg-imagebox09 .pic:before{
	content:"";
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	opacity:.5;
	z-index:1;
	transition: 		all 300ms ease-in 200ms;
	-moz-transition: 	all 300ms ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 200ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 200ms; /* IE9? */
}
.dg-imagebox09 .pic:after{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
}
.dg-imagebox09 .pic:before{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
}
.dg-imagebox09:hover .pic:after,
.dg-imagebox09:hover .pic:before{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transition: 		all 300ms ease-in 300ms;
	-moz-transition: 	all 300ms ease-in 300ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 300ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 300ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 300ms; /* IE9? */
}

.dg-imagebox10{
}
.dg-imagebox10 .content{
	text-align:center;
	z-index:2;
	color:#666666;
	padding:25px;
	background-color:#fbfbfb;
	border:1px solid #e5e5e5;
	border-top:none;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox10:hover .content{
	color:#FFF;
	background-color:#20a3fc;
	border-color:#20a3fc;
}
.dg-imagebox10 .content .title,
.dg-imagebox10 .content a, 
.dg-imagebox10 .content a:link, 
.dg-imagebox10 .content a:active, 
.dg-imagebox10 .content a:visited{
	color:#666666;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox10:hover .content .title,
.dg-imagebox10:hover .content a, 
.dg-imagebox10:hover .content a:link, 
.dg-imagebox10:hover .content a:active, 
.dg-imagebox10:hover .content a:visited{
	color:#FFF;
}

.dg-imagebox10 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}
.dg-imagebox10 .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#ffffff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#333333;
	position:absolute;
	top:50%;
	left:50%;
	margin:-18px 0 0 -18px;
	z-index:3;
	opacity:0;
	transform:scaleX(0);
	transform-origin: center;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox10:hover .icon{
	opacity:1;
	transform:scaleX(1);
}
.dg-imagebox10 .content .title{
	font-size:18px;
	margin:0 0 5px;
}
.dg-imagebox10 .content .sep{
	padding:0px 4px;
}
.dg-imagebox10 .content .info{
	margin:0;
}
.dg-imagebox10 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	opacity:1;
	z-index:0;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox10:hover .bg{
	opacity:0.7;
}
.dg-imagebox10 .pic{
	position:relative;
}
.dg-imagebox10 .pic > img{
	width:100%;
}


.dg-imagebox11{
	overflow:hidden;
	position:relative;
}
.dg-imagebox11 .content{
	text-align:center;
	z-index:2;
	color:#666666;
	padding:25px;
	background-color:#ffffff;
	border:1px solid #e5e5e5;
	border-top:none;
	min-height:108px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox11:hover .content{
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.dg-imagebox11 .content a, 
.dg-imagebox11 .content a:link, 
.dg-imagebox11 .content a:active, 
.dg-imagebox11 .content a:visited{
	color:#666666;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox11 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}
.dg-imagebox11 .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#ffffff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	color:#333333;
	position:absolute;
	top:50%;
	left:50%;
	margin:-18px 0 0 -18px;
	z-index:3;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox11:hover .icon{
	opacity:1;
	margin-top:36px;
}
.dg-imagebox11 .content .title{
	font-size:18px;
	margin:0 0 5px;
}
.dg-imagebox11 .content .sep{
	padding:0px 4px;
}
.dg-imagebox11 .content .info{
	margin:0;
}
.dg-imagebox11 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	opacity:1;
	z-index:0;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox11:hover .bg{
	opacity:0.7;
}
.dg-imagebox11 .pic{
	position:relative;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox11:hover .pic{
	transform:translateY(-108px);
	-webkit-transform:translateY(-108px);
}


.dg-imagebox11 .pic > img{
	width:100%;
}

.dg-imagebox12{
}
.dg-imagebox12 .content{
	text-align:center;
	z-index:2;
	color:#666666;
	padding:25px;
	background-color:#fbfbfb;
	border-top:none;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
}
.dg-imagebox12 .content a, 
.dg-imagebox12 .content a:link, 
.dg-imagebox12 .content a:active, 
.dg-imagebox12 .content a:visited{
	color:#666666;
}
.dg-imagebox12 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:98%;
	z-index:1;
	color:#fff;
}

.dg-imagebox12 .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0b2e45;
	color:#FFF;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-18px 0 0 -18px;
	z-index:3;
	opacity:0;
	transform:scaleX(0);
	transform-origin: center;
	transition: 		all 200ms ease-in;
	-moz-transition: 	all 200ms ease-in; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in; /* Opera */
	-ms-transition: 	all 200ms ease-in; /* IE9? */
}
.dg-imagebox12:hover .icon{
	opacity:1;
	transform:scaleX(1);
	transition: 		all 200ms ease-in 500ms;
	-moz-transition: 	all 200ms ease-in 500ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 500ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 500ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 500ms; /* IE9? */
}
.dg-imagebox12 .content .title{
	font-size:18px;
	margin:0 0 5px;
}
.dg-imagebox12 .content .sep{
	padding:0px 4px;
}
.dg-imagebox12 .content .info{
	margin:0;
}
.dg-imagebox12 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	opacity:1;
	z-index:0;
	opacity:0;
	transition: 		all 300ms ease-in 500ms;
	-moz-transition: 	all 300ms ease-in 500ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 500ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 500ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 500ms; /* IE9? */
}
.dg-imagebox12:hover .bg{
	opacity:0.7;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox12 .pic{
	position:relative;
}
.dg-imagebox12 .pic > img{
	width:100%;
}

.dg-imagebox12 .pic:after,
.dg-imagebox12 .pic:before{
	content:"";
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	opacity:.5;
	z-index:1;
	transition: 		all 300ms ease-in 200ms;
	-moz-transition: 	all 300ms ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 200ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 200ms; /* IE9? */
}
.dg-imagebox12 .pic:after{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
}
.dg-imagebox12 .pic:before{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
}
.dg-imagebox12:hover .pic:after,
.dg-imagebox12:hover .pic:before{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transition: 		all 300ms ease-in 300ms;
	-moz-transition: 	all 300ms ease-in 300ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 300ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 300ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 300ms; /* IE9? */
}


.dg-imagebox13{
	position:relative;
	overflow:hidden;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
}
.dg-imagebox13 .content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:2;
	color:#FFF;
	opacity:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	letter-spacing:0.05em;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
	transform:scale(0);
	-webkit-transform:scale(0);
}
.dg-imagebox13:hover .content{
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.dg-imagebox13 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox13 .content a, 
.dg-imagebox13 .content a:link, 
.dg-imagebox13 .content a:active, 
.dg-imagebox13 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox13 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	min-width:205px;
	text-align:center;
	max-width:90%;
	position:relative;
	z-index:1;
	color:#fff;
}

.dg-imagebox13 .content .icon{
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#0f3147;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	text-align:center;
	margin-bottom:24px;
	transition: 		all 200ms ease-in 0ms;
	-moz-transition: 	all 200ms ease-in 0ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 0ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 0ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 0ms; /* IE9? */
}
.dg-imagebox13 .content .icon:hover{
	background-color:#000;
}
.dg-imagebox13 .content .title{
	font-size:18px;
	margin:0 0 4px;
}
.dg-imagebox13 .content .sep{
	padding:0px 4px;
}
.dg-imagebox13 .content .info{
	font-style:italic;
}

.dg-imagebox13 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	opacity:0;
	visibility:hidden;
	z-index:1;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
	transform:scale(0);
	-webkit-transform:scale(0);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.dg-imagebox13:hover .bg{
	opacity:0.85;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
}

.dg-imagebox13 .pic > img{
	width:100%;
}

.dg-imagebox14{
	position:relative;
	display:inline-block;
}
.dg-imagebox14 .content{
	position:absolute;
    right:13%;
    top: 13%;
	width:52px;
	height:52px;
	margin:-26px -26px 0 0;
	text-align:center;
	z-index:2;
	color:#FFF;
	transition: 		all 300ms ease-in 600ms;
	-moz-transition: 	all 300ms ease-in 600ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 600ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 600ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 600ms; /* IE9? */
	letter-spacing:0.05em;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
}
.dg-imagebox14:hover .content{
    right:0;
    top: 0;
	width:100%;
	height:100%;
	margin:0;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox14 .content:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.dg-imagebox14 .content a, 
.dg-imagebox14 .content a:link, 
.dg-imagebox14 .content a:active, 
.dg-imagebox14 .content a:visited{
	color:#f8f8f8;
}
.dg-imagebox14 .content .center{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:15px;
	text-align:center;
	max-width:90%;
	position:relative;
	z-index:1;
	color:#fff;
	visibility:hidden;
	opacity:0;
	transform:scaleX(0);
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox14:hover .content .center{
	visibility:visible;
	opacity:1;
	transform:scaleX(1);
	transition: 		all 300ms ease-in 300ms;
	-moz-transition: 	all 300ms ease-in 300ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 300ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 300ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 300ms; /* IE9? */
}
.dg-imagebox14 .content .icon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-7px 0 0 -7px;
	font-size:16px;
	transition: 		all 200ms ease-in 200ms;
	-moz-transition: 	all 200ms ease-in 200ms; /* Firefox 4 */
	-webkit-transition: all 200ms ease-in 200ms; /* Safari and Chrome */
	-o-transition: 		all 200ms ease-in 200ms; /* Opera */
	-ms-transition: 	all 200ms ease-in 200ms; /* IE9? */
}
.dg-imagebox14:hover .content .icon{
	visibility:hidden;
	opacity:0;
	transform:scaleX(0);
	transition: 		all 300ms ease-in 300ms;
	-moz-transition: 	all 300ms ease-in 300ms; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in 300ms; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in 300ms; /* Opera */
	-ms-transition: 	all 300ms ease-in 300ms; /* IE9? */
}



.dg-imagebox14 .content .title{
	font-size:18px;
	margin:0 0 4px;
}
.dg-imagebox14 .content .sep{
	padding:0px 4px;
}
.dg-imagebox14 .content .info{
	margin:0;
}

.dg-imagebox14 .bg{
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	opacity:0;
	visibility:hidden;
	z-index:1;
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.dg-imagebox14:hover .bg{
	opacity:0.85;
	visibility:visible;
}
.dg-imagebox14 .pic{
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden;
}
.dg-imagebox14 .pic > img{
	width:100%;
}
.dg-imagebox15 .pic{
    position: relative;
}
.dg-imagebox15 .pic img{
    width:100%;
}
.dg-imagebox15 .pic .img_con{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2;
}
.dg-imagebox15 .bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    opacity: 1;
    z-index: 0;
    opacity: 0;
    transition: all 300ms ease-in 500ms;
    -moz-transition: all 300ms ease-in 500ms;
    -webkit-transition: all 300ms ease-in 500ms;
    -o-transition: all 300ms ease-in 500ms;
    -ms-transition: all 300ms ease-in 500ms;
}
.dg-imagebox15:hover .bg {
    opacity: 0.85;
}
.dg-imagebox15 .img_con a{
    color: #fff;
}
.dg-imagebox15 .img_con a:hover{
    text-decoration: none;
}
.dg-imagebox15 .img_con .icon{
    font-size: 40px;
    display: block;
    padding: 0 0 20px 0;
}
.dg-imagebox15 .content{
    text-align: center;
    padding: 35px 25px;
}
.dg-imagebox15 .content a em{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: 0 0 2px 5px;
}

.dg-imagebox15 .content p{
    padding: 0px 0px 15px 0px;
}
.dg-imagebox16{
    position:relative;
    overflow:hidden;
}
.dg-imagebox16 .content{
    position: absolute; 
    text-align: center;
    z-index: 2;
    color: #FFF;
    letter-spacing: 0.05em;
    opacity: 1;
    transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    bottom: 50%;
    width: 100%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.dg-imagebox16:hover .content{
    opacity:1;
}
.dg-imagebox16 .content a, 
.dg-imagebox16 .content a:link, 
.dg-imagebox16 .content a:active, 
.dg-imagebox16 .content a:visited{
    color:#f8f8f8;
}
.dg-imagebox16 .content .center{
}

.dg-imagebox16 .content .icon{
    width:36px;
    height:36px;
    line-height:36px;
    background-color:#fff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display:inline-block;
    text-align:center;
    margin-bottom:24px;
    color:#333333;
    transition:         all 200ms ease-in;
    -moz-transition:    all 200ms ease-in; /* Firefox 4 */
    -webkit-transition: all 200ms ease-in; /* Safari and Chrome */
    -o-transition:      all 200ms ease-in; /* Opera */
    -ms-transition:     all 200ms ease-in; /* IE9? */
}
.dg-imagebox16 .content .icon:hover{
    background-color:#fff;
}
.dg-imagebox16 .content .title{
    font-size:18px;
    margin: 0 0 8px;
}
.dg-imagebox16 .content .title:after{
    content:"";
    border-bottom:1px solid #ffffff;
    display:block;
    width:38px;
    margin:8px auto 0;
}
.dg-imagebox16 .content .sep{
    padding:0px 4px;
}
.dg-imagebox16 .content .info{
}
.dg-imagebox16 .bg{
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    top:0;
    opacity:1;
    z-index:1;
    opacity:0.9;
    transition:         all 300ms ease-in;
    -moz-transition:    all 300ms ease-in; /* Firefox 4 */
    -webkit-transition: all 300ms ease-in; /* Safari and Chrome */
    -o-transition:      all 300ms ease-in; /* Opera */
    -ms-transition:     all 300ms ease-in; /* IE9? */
}
.dg-imagebox16:hover .bg{
    opacity: 0.9
}
.dg-imagebox16 .pic > img{
    width:100%;
}
.img-zoom[class*="dg-imagebox"] .pic,
.img-left-rotate[class*="dg-imagebox"] .pic,
.img-right-rotate[class*="dg-imagebox"] .pic{
	overflow:hidden;
}
.img-zoom[class*="dg-imagebox"] .pic img,
.img-left-rotate[class*="dg-imagebox"] .pic img,
.img-right-rotate[class*="dg-imagebox"] .pic img{
	transition: 		all 300ms ease-in;
	-moz-transition: 	all 300ms ease-in; /* Firefox 4 */
	-webkit-transition: all 300ms ease-in; /* Safari and Chrome */
	-o-transition: 		all 300ms ease-in; /* Opera */
	-ms-transition: 	all 300ms ease-in; /* IE9? */
}
.img-zoom[class*="dg-imagebox"]:hover .pic img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.img-left-rotate[class*="dg-imagebox"]:hover .pic img{
	transform:scale(1.1) rotate(-5deg);
	-webkit-transform:scale(1.1) rotate(-5deg);
}
.img-right-rotate[class*="dg-imagebox"]:hover .pic img{
	transform:scale(1.1) rotate(5deg);
	-webkit-transform:scale(1.1) rotate(5deg);
}