/* Css for http://www.baidu.com, Version=1752433027 */ .box h4.title { font-size: 24px; background-color: #fff; margin: 10px 15px; padding: 10px; height: inherit; text-align: center; } .article > header > h1 {margin-bottom: 0; margin-top: 10px; font-size: 18px;} .article > .article-content {padding-top: 10px; padding-bottom: 10px;} .case-content *{ margin:0; padding:0; list-style-type:none; font-family: "microsoft yahei"; } .case-content{ overflow:hidden; margin:30px auto; max-width:1120px; } .case-item{ float:left; margin:30px 40px 40px 30px; } .ih-item{ position:relative; -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; transition:all .35s ease-in-out; } .ih-item img{ width:100%; height:100%; border-radius:50%; } .ih-item,.ih-item .img{ position:relative; width:210px; height:210px; border-radius:50%; } .ih-item .info{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; border-radius:50%; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .ih-item .spinner{ width:220px; height:220px; border:10px solid #ecab18; border-right-color:#1ad280; border-bottom-color:#1ad280; border-radius:50%; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; } .ih-item .img{ position:absolute; top:10px; bottom:0; left:10px; right:0; width:auto; height:auto; } .ih-item .info{ top:10px; bottom:0; left:10px; right:0; background:rgba(0,0,0,.6); opacity:0; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; } .ih-item .info h3{ color:#fff; position:relative; height:100px; line-height: 150px; font-size: 22px; } .ih-item .info p{ color:#fff; font-style:italic; font-size:12px; border-top:1px solid rgba(255,255,255,.8); line-height: 45px; } .ih-item a:hover .spinner{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .ih-item a:hover .info{ opacity:1; }