/* CSS Document */

.bannar_anli{ width:100%; background:url(../image/anli_bannar.jpg) no-repeat center; height:361px; margin:0 auto;}

.biaoti_2{ width:200px; margin:0 auto; height:91px; padding-top:70px; padding-bottom:50px;}
/*****f2*****/
.ind_f2_box_a2{ width:1200px; overflow:hidden;/* margin:50px 0px 10px 0px;float:left;*/ margin:0 auto;}
.ind_f2_box_a2 ul{ margin-right:-40px;}
.ind_f2_box_a2 ul li{ width:270px; height:300px; float:left; margin-right:40px; margin-bottom:35px;}
.ind_f2_box_a2 ul .on span{ background:#595757; color:#FFF;}
.ind_f2_box_a2 ul li a{width:270px; height:300px; display:block;}
.ind_f2_box_a2 ul li img{ width:270px; height:240px;}
.ind_f2_box_a2 ul li span{ width:270px; height:60px; background:#f9f9f9; display:block; text-align:center; line-height:60px; font-size:14px; color:#000;}


.biaoti_2_bl{ width:171px; margin:0 auto; padding-top:70px; padding-bottom:50px;}
.biaoti_2_bl1{ width:153px; margin:0 auto; height:86px; padding-top:70px; padding-bottom:50px;}
.biaoti_2_bl2{ width:151px; margin:0 auto; height:86px; padding-top:70px; padding-bottom:50px;}




.biaoti_1aa{ width:155px; margin:0 auto; height:86px; padding-top:70px; padding-bottom:20px;}
/*病例列表*/
.wznr{ width:1200px; margin:0 auto; display:block; padding-top:40px;}
.con1-l-t{width:1200px; height:35px; background-color:#CCC;}
	.con1-l-t li{ float:left; margin-right:2px; font-size:14px; width:120px; color:#000; text-align:center; height:35px; line-height:35px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; background:#cccccc; }
	.con1-l-t li:hover,.con1-l-t li.hover{ line-height:35px; background:#1c5cd1; color:#fff;}
	
    .con1-l-c{ border-bottom:1px dashed #e5e5e5; float:left; width:1200px; height:600px; padding:30px 0; overflow:hidden;}
	.con1-l-c li{line-height:30px; background:url(/zb_users/theme/yijie/css/san-j1.jpg) 0px 11px no-repeat;}
/*****f2*****/
.ind_f2_box1{ width:1200px; overflow:hidden;/* margin:50px 0px 10px 0px;float:left;*/ margin:0 auto; padding-bottom:40px;}
.ind_f2_box1 ul{ margin-right:-40px;}
.ind_f2_box1 ul li{ width:270px; height:280px; float:left; margin-right:40px; margin-bottom:35px;}
.ind_f2_box1 ul .on span{ background:#595757; color:#FFF;}
/*.ind_f2_box ul li:hover span{ background:#c0c0c0; color:#FFF;}*/
.ind_f2_box1 ul li a{width:270px; height:250px; display:block;}
.ind_f2_box1 ul li img{ width:270px; height:250px;}
.ind_f2_box1 ul li p{ width:270px; height:30px; display:block; text-align:center; line-height:30px; font-size:14px; color:#000; padding-top:5px;}

.img:hover,.bnt:hover{ opacity:0.6;}





.view {
	width:270px;
	height: 250px;
	margin:0px;
	border: 5px solid rgb(240, 240, 240);
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px rgb(170, 170, 170);
	cursor: default;
}
.view .mask, .view .content {
	width:270px;
	height: 250px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
.view img {
	display: block;
	position: relative;
}
.effect img {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.effect .mask {
	opacity: 0;
	overflow: visible;
	border-color: rgba(0,0,0,0.7) transparent transparent transparent;
	border-style: solid;
	border-width: 150px;
	width: 0;
	height: 0;
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
	-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity: 0;
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
	-moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover img {
	opacity: 0.7;
	-moz-transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	transform: scale(2, 2);
}
.effect:hover .mask {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.effect:hover a.info {
	opacity: 1;
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}
.second-effect .mask {
	opacity: 0;
	overflow: visible;
	border: 0px solid rgba(0,0,0,0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position: relative;
	top: -10px;
	opacity: 0;
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
	opacity: 1;
	border: 125px solid rgba(0,0,0,0.3);
}
.second-effect:hover a.info {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.view a.info { background:url(../image/link.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }