Team:Tianjin/Resources/CSS:photo2

@charset "utf-8"; /* CSS Document */

img {

   border: 0;
   max-width: 100%;

}

/*自适应圆角投影*/ .round_shade_box {

   width: 1px;
   height: 1px;
   font-size: 0;
   display: none;
   _background: white;
   _border: 1px solid #cccccc;

}

.round_shade_top {

   margin: 0 12px 0 10px;
   background: url(image/zxx_round_shade.png) repeat-x -20px -40px;
   _background: white;
   zoom: 1;

}

.round_shade_topleft {

   width: 11px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat 0 0;
   _background: none;
   float: left;
   margin-left: -11px;
   position: relative;

}

.round_shade_topright {

   width: 12px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat -29px 0;
   _background: none;
   float: right;
   margin-right: -12px;
   position: relative;

}

.round_shade_centerleft {

   background: url(image/zxx_round_shade.png) no-repeat 0 -1580px;
   _background: none;

}

.round_shade_centerright {

   background: url(image/zxx_round_shade.png) no-repeat right -80px;
   _background: none;

}

.round_shade_center {

   font-size: 14px;
   margin: 0 12px 0 10px;
   padding: 10px;
   background: white;
   letter-spacing: 1px;
   line-height: 1.5;

}

.round_shade_bottom {

   margin: 0 12px 0 11px;
   background: url(image/zxx_round_shade.png) repeat-x -20px bottom;
   _background: white;
   zoom: 1;

}

.round_shade_bottomleft {

   width: 11px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat 0 -30px;
   _background: none;
   float: left;
   margin-left: -11px;
   position: relative;

}

.round_shade_bottomright {

   width: 12px;
   height: 10px;
   background: url(image/zxx_round_shade.png) no-repeat -29px -30px;
   _background: none;
   float: right;
   margin-right: -12px;
   position: relative;

}

.round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after {

   display: block;
   content: ".";
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden;

}

.round_box_close {

   padding: 2px 5px;
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
   border: 1px solid #cccccc;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background: #000000;
   opacity: 0.8;
   filter: alpha(opacity=80);
   position: absolute;
   right: -5px;
   top: -5px;

}

.round_box_close:hover {

   opacity: 0.95;
   filter: alpha(opacity=95);

} /*自适应圆角投影结束*/ .zxx_zoom_left {

   width: 100%;
   height: 520px;
   position: relative;

}

.small_pic {

   width: 40%;
   height: 440px;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_big {

       width: 100%;
       height:1200px;
       position:relative;
  

}

.small_pic_big {

   width: 100%;
   height: 1160px;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_big img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_mid {

       width: 100%;
       height:750px;
       position:relative;
  

}

.small_pic_mid {

   width: 100%;
   height: 640px;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_mid img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_one {

       width: 100%;
       height:12%;
       position:relative;
  

}

.small_pic_one {

   width: 100%;
   height: 10%;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_one img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_hpint {

   width: 100%;
   height: 460px;
   position: relative;

}

.small_pic_hpint {

   width: 40%;

height:430px;

   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_hpint img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo {

   width: 100%;
   height: 520px;
   position: relative;

}

.small_pic_demo {

   width: 40%;
   height: 440px;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_long {

   width: 100%;
   height: 610px;
   position: relative;

}

.small_pic_long {

   width: 40%;
   height:490px;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_long img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demos {

   width: 100%;
   height: 35rem;
   position: relative;

}

.small_pic_demos {

   width: 40%;
   height: 32rem;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demos img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}

.zxx_zoom_demo_q {

   width: 100%;
   height: 23em;
   position: relative;

}

.small_pic_demo_q {

   width: 40%;
   height: 9em;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_q img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

} .zxx_zoom_demo_qq {

   width: 100%;
   height: 28em;
   position: relative;

}

.small_pic_demo_qq {

   width: 40%;
   height: 14em;
   font-size: 30px;
   text-align: center;
   margin: 10px 10px 10px 10px;
   zoom: 1;
   vertical-align: middle;

}

.small_pic_demo_qq img {

   padding: 3px;
   background: #ffffff;
   border: 1px solid #cccccc;

}