.splitter { text-align: center;     padding-left: 10px;padding-bottom: 5px; font-size: 12px; padding-top: 6px; height: 24px; color: #666; width: 100%; height: 90px }
.splitter li { list-style: none }
.splitter li ul { margin-left: 8px; padding: 0px; }
.splitter li { float: left; line-height: 24px; }
.splitter ul { line-height: 1; float: left; }
.splitter li span { float: left; padding: 10px 15px; }
.splitter ul li a { display: inline-block }
.splitter ul li { margin-left: 1px; padding: 10px 0 }
.splitter ul li a { padding: 0 13px; color: #070708; text-decoration: none; }
.splitter ul li.selected-0 a { background: #2f4050; color: #FFF }
.splitter ul li.selected-1 a { background: #2f4050; color: #FFF }
.split_search { position: absolute; right: 20px; /* top: 20px; */
margin-top: -40px; }
/* image-grid */
.image-grid { padding: 0px; }
.image-grid li { line-height: 17px; margin: 30px 25px 0px 25px; width: 200px; float: left; height: 230px; color: #666; overflow: hidden; background: #fff; position: relative }
.image-grid li a{ display:inline-block; width:200px; height:200px; overflow:hidden}
.image-grid li i, .image-grid li em{ display:none}
.image-grid li img { width: 200px; height: auto; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.image-grid li .title { text-align: center; color: #333; border-bottom: 1px solid #42505e; }
.image-grid li dd { position: absolute; width: 100%; color: #fff; font-size: 14px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; bottom: -105px; }
.image-grid li dd p { padding: 3px 10px; margin: 0; height: 26px; overflow: hidden }
.image-grid li:hover dd { bottom: 0px; background: #2f4050; }
.image-grid li:hover .title { color: #fff; }
.image-grid li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
