#banner-subpage{background-image:url("/ui/default/img/banner-subpage-cases.jpg");}

div.cases-content ul.list{display:block; box-sizing:border-box; width:100%;}
div.cases-content ul.list li{display:block; box-sizing:border-box; float:left; width:22%; margin-left:4%; margin-bottom:40px; border:1px #eee solid; padding:10px; transition:0.5s;}
div.cases-content ul.list li:nth-child(4n+1){margin-left:0;}
div.cases-content ul.list li img{width:100%;}
div.cases-content ul.list li h5{line-height:40px; text-align:center; font-size:14px; color:#888; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.5s;}
div.cases-content ul.list li h6{line-height:24px; text-align:center; font-size:12px; color:#888; border-top:1px #EEE solid; transition:0.5s;}

div.cases-content ul.list li:hover{border:1px #FF7300 solid; border-radius:6px; box-shadow:0px 0px 5px #888888;}
div.cases-content ul.list li:hover h5{color:#FF7300;}
div.cases-content ul.list li:hover h6{color:#FF7300; border-top:1px #FF7300 solid;}


div.cases-detail{width:100%; padding:0 0 40px 0;}
div.cases-detail h1{font-size:26px; font-weight:bold; text-align:center; line-height:60px; border-bottom:1px #DDD solid;}
div.cases-detail h6{font-size:14px; font-weight:lighter; text-align:center; line-height:30px;}
div.cases-detail div.content{margin:40px auto; width:90%;}
div.cases-detail div.img-show{margin:40px auto 20px auto; width:90%; max-width:800px;}
div.cases-detail div.img-show img{width:100%;}

div.cases-nav-links{box-sizing:border-box; margin:40px auto; width:96%; padding:20px 30px; border-top:1px #DDD dotted;}
div.cases-nav-links p{color:#888; font-size:16px;}
div.cases-nav-links p span{color:#aaa;}
div.cases-nav-links a{color:#888; font-size:16px; transition:0.5s;}
div.cases-nav-links a:hover{color:#FF7300; transition:0.5s;}