@charset "utf-8";
/* 
* Author: Lin xiao dong
* http://www.openwbs.com
*/

body{ background-color:#fff;}
.ow-case-left-section{ float:left; padding:15px 0px; width:840px; }
.ow-case-right-section{ float:left; padding:15px 0px 15px 15px; width:345px; }


.ow-case-header { }
.ow-case-header .header{ height:42px; line-height:42px; margin:1px; padding:0px 10px; background:#114898; color:#fff; font-size:16px;}
.ow-case-header ul{ padding:10px 20px; overflow:hidden; list-style-type:square;}
.ow-case-header ul li{height:28px;}
.ow-case-header ul li a{ display:block; font-size:15px; height:34px; line-height:34px; background:url(../images/list-style02.png) no-repeat left center; padding:0px 0px 0px 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ow-case-header ul li a:hover{ }
.ow-case-header ul li.current a{ color:#114898;}

/**案例**/
.ow-case-list{}
.ow-case-list .section{ padding:20px 0px 0px 2px; zoom:1; overflow:hidden;}
.ow-case-list .section ul{ padding:0px;}
.ow-case-list ul li { padding:20px 20px; border-bottom:1px solid #e6e6e6; font-size:14px; line-height:30px; color:#999; clear:both; height:200px; position:relative;}
.ow-case-list ul li .thumb{ float:left; margin-right:20px; width:280px; height:200px; position:relative;}
.ow-case-list ul li h5 { font-size:20px; color:#595757; line-height:32px; font-weight:normal}
.ow-case-list ul li p { max-height:120px; display:block; text-indent:2.0em;
   overflow:hidden;
   text-overflow:ellipsis;
   display:-webkit-box;
   -webkit-line-clamp:4;
   -webkit-box-orient:vertical;
}
.ow-case-list ul li span { position:absolute; bottom:20px; right:20px; font-size:12px; line-height:30px; color:#a7a7a7;}
.ow-case-list ul li:hover { background:#f2f2f2}
.ow-case-list ul li:hover a h5 { color:#114898;}
.ow-case-list ul li:hover p { color:#333}


.ow-case-list .pager{ margin:30px 0px; padding:50px 0px; text-align:center;}

/*分类*/
.ow-case-cates{ border:1px solid #e6e6e6;}
.ow-case-cates ul{ padding:10px 15px;}
.ow-case-cates ul li{}
.ow-case-cates ul li a{ border-bottom:1px solid #eee; display:block; font-size:18px; height:24px; line-height:24px; padding:10px 5px;}
.ow-case-cates ul li a:hover{ text-decoration:none;}

/*tags*/
.ow-case-tags{ background-color:#fff; border:1px solid #e6e6e6; margin-top:15px; padding:15px;}
.ow-case-tags h2.title{ font-size:16px; }
.ow-case-tags .section{ padding:5px 0px;}
.ow-case-tags .section a{ display:inline-block; font-size:14px; height:24px; line-height:24px; margin:0px 10px 5px 0px;}
.ow-case-tags .section a:hover{ text-decoration:none;}

/*slist*/
.ow-case-slist{ background-color:#fff; border:1px solid #e6e6e6; margin-top:15px; padding:15px;}
.ow-case-slist .title{ font-size:16px; }
.ow-case-slist li{ border-bottom:1px dotted #eee; font-size:14px; padding:10px 0px 15px 0px; }
.ow-case-slist img{ float:left; height:60px; margin:5px 10px 0px 0px; width:94px;}
.ow-case-slist h3{ font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.ow-case-slist li .summary{ color:#666; font-size:12px; height:40px; overflow:hidden; padding:0px 2px 0px 0px;}

/**内容详细**/
.ow-content-container{ min-height:600px;}
.ow-content-container h1.title{ font-size:20px; font-weight:normal; color:#114898; padding:24px 0px 0px 0px; text-align:center;}
.ow-content-container .byline{ color:#aaa; line-height:12px; font-size:12px; margin:10px 0px 20px 0px; text-align:center;}
.ow-content-container .byline span{ border-right:1px solid #bbb; display:inline-block; height:12px; line-height:12px; margin:0px 4px 0px 4px; padding:0px 8px 0px 0px;}
.ow-content-container .byline span.views{ border-right:none; }
.ow-content-container .byline a,.ow-content-container .byline a:visited { color:#aaa;}
.ow-content-container .byline a:hover{ color:#333; text-decoration:none;}
.ow-content-container .content{ line-height:150%; word-break:break-all; word-wrap:break-word;}
.ow-content-container .content img{ max-width:916px;}
.ow-content-container .tags { font-size:14px; padding:5px 0px;}
.ow-content-container .tags a{ margin:0px 5px 0px 0px;}
.ow-content-container .pager { margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; text-align:center;}
.ow-content-container .prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 0px 10px 0px; padding:10px 0px;}
.ow-content-container .prev-next .prev{ height:24px; padding:4px 0px;}
.ow-content-container .prev-next .next{ height:24px; padding:4px 0px;}

/*相关内容*/
.related-content{ border-top:1px dotted #ddd; padding:0px 0px 20px 0px;}
.related-content .header{ font-size:14px; font-weight:bold; padding:10px 0px 5px 0px;}
.related-content ul{}
.related-content ul li{ font-size:14px; }
.related-content ul a{ background:url("../images/3px.png") 0px 16px no-repeat; border-bottom:1px solid #eee; display:inline-block; line-height:24px; padding:4px 0px 4px 10px; }