@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0; 
	margin: 0px 0px 0px 0px;
}
 
.mod-video .video .con {
	width: 100%;
	height: 158px
}
.mod-video .video li {
	width: 256px;
	height: 149px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 17px;
	margin-left: 10px;
}
.mod-video .v-img {
	width:100%;
	height:100%;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}
.mod-video .v1 {	background: url(../zb/map/dt1.png) no-repeat;	background-size:100%;}
.mod-video .v2 {	background: url(../zb/map/dt2.png) no-repeat;	background-size:100%;}
.mod-video .v3 {	background: url(../zb/map/dt3.png) no-repeat;	background-size:100%;}
.mod-video .v4 {	background: url(../zb/map/dt5.png) no-repeat;	background-size:100%;}
.mod-video .v5 {	background: url(../zb/map/dt5.png) no-repeat;	background-size:100%;}
.mod-video .v6 {	background: url(../zb/map/dt6.png) no-repeat;	background-size:100%;}
.mod-video .v7 {	background: url(../zb/map/dt7.png) no-repeat;	background-size:100%;}
.mod-video .v8 {	background: url(../zb/map/dt8.png) no-repeat;	background-size:100%;}
.mod-video .v9 {	background: url(../zb/map/dt9.png) no-repeat;	background-size:100%;}
.mod-video .v10 {	background: url(../zb/map/dt10.png) no-repeat;	background-size:100%;}
.mod-video .v11 {	background: url(../zb/map/dt11.png) no-repeat;	background-size:100%;}
.mod-video .v12 {	background: url(../zb/map/dt12.png) no-repeat;	background-size:100%;}
.mod-video .v13 {	background: url(../zb/map/dt13.png) no-repeat;	background-size:100%;}
.mod-video .v14 {	background: url(../zb/map/dt14.png) no-repeat;	background-size:100%;}
.mod-video .v15 {	background: url(../zb/map/dt15.png) no-repeat;	background-size:100%;}
.mod-video .v16 {	background: url(../zb/map/dt16.png) no-repeat;	background-size:100%;}
.mod-video .v17 {	background: url(../zb/map/dt17.png) no-repeat;	background-size:100%;}
.mod-video .v18 {	background: url(../zb/map/dt18.png) no-repeat;	background-size:100%;}
.mod-video .v19 {	background: url(../zb/map/dt19.png) no-repeat;	background-size:100%;}
.mod-video .v20 {	background: url(../zb/map/dt20.png) no-repeat;	background-size:100%;}
.mod-video .v21 {	background: url(../zb/map/dt21.png) no-repeat;	background-size:100%;}
.mod-video .v22 {	background: url(../zb/map/dt22.png) no-repeat;	background-size:100%;}
.mod-video .v23 {	background: url(../zb/map/dt23.png) no-repeat;	background-size:100%;}
.mod-video .v24 {	background: url(../zb/map/dt24.png) no-repeat;	background-size:100%;}
.mod-video .v25 {	background: url(../zb/map/dt25.png) no-repeat;	background-size:100%;}
.mod-video .v26 {	background: url(../zb/map/dt26.png) no-repeat;	background-size:100%;}
.mod-video .v27 {	background: url(../zb/map/dt27.png) no-repeat;	background-size:100%;}
.mod-video .v28 {	background: url(../zb/map/dt28.png) no-repeat;	background-size:100%;}
.mod-video .v29 {	background: url(../zb/map/dt29.png) no-repeat;	background-size:100%;}
.mod-video .v30 {	background: url(../zb/map/dt30.png) no-repeat;	background-size:100%;} 

.mod-video .video li:hover .v-img {	-webkit-transform: scale(1.1);	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.mod-video .video li:hover .v-bg{
	color:#F90;
	font-size:18px;
}
.mod-video .v-bg {
	width: 100%;
	height: 28px;
	position: absolute;
	bottom: 0;
	text-align: center;
	background-color: rgba(0,0,0,.35);
	color: #fff;
	padding-left: 10px;
	line-height: 28px
}


.mod-video .video-play-btn {
	width: 60px;
	height: 56px; 
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -30px
}