@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-04 16:11:31
 * @version $Id$
 */
.mainCenLeft{ width: 20%; float: left;}
.mainCenter{ border-radius: 4px; background: #fefefd; box-shadow: 0 1px 4px rgba(0,0,0,0.2);
overflow: hidden; padding: 0 10px;}
.categories .tree{ margin-bottom: 12px; margin-top: 10px;}
.tree a { color: #00547e; padding: 4px 0; display: block; line-height: 1.1;}
.tree .indent-1 { margin-left: 12px;}
.tree .current { padding: 4px 0; line-height: 1.1; font-weight: bold; color: #000;}
.tree .tree { padding-left: 12px;}
.tree a:hover { color: #0180bf;}
.categories{ padding-bottom: 20px; border-bottom: 1px solid #ccc;}

.mainCenRight{ width: 75%; float: right; padding: 20px 0;}
.mainCenRight ul li{ background: url(../images/yinying.jpg) no-repeat right bottom; height: 164px;}
.mainCenRight ul li:first-child,.mainCenRight ul li:nth-child(2){ height: 149px;}
.mainCenRight ul dl{ height: 149px; background: #fff; border: 1px solid #eaeaea; padding: 5px 0 0 5px; margin-top: 10px;}
.mainCenRight ul li:first-child dl,.mainCenRight ul li:nth-child(2) dl{ height: 133px;}
.mainCenRight dl:hover{ background: #f9f9f6; cursor: pointer;}
.mainCenRight dl dt .thumb{ position: relative; z-index: 3;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3); margin-top: -2px;}
.mainCenRight dl dd{ float: left; margin: 10px 0 0 30px; width: 500px;}
.mainCenRight dl dt{ float: left; width: 164px; position: relative;}
.mainCenRight ul li:first-child dl dt,.mainCenRight ul li:nth-child(2) dl dt{ width: 164px; background: #fffcdd; height: 124px;}
.mainCenRight ul li:first-child dl:hover,.mainCenRight ul li:nth-child(2) dl:hover{ background: #fffcdd;}
.mainCenRight ul li:first-child dl dt img,.mainCenRight ul li:nth-child(2) dl dt img{ width:164px;height:124px;}
.mainCenRight dl dd h2 a{ color: #00547e; font-size: 16px;}
.mainCenRight dl :hover a{ color: #0180bf;}
.mainCenRight dl dd p{ margin-top: 5px; color: #bbb;}
.treeList dl dt:before,.treeList dl dt:after{ content: ""; position: absolute; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3); height: 124px; width: 164px;}
.treeList dl dt:before{ top: 5px; left: 6px;}
.treeList dl dt:after{ top: 2px; left: 3px;}
.treeList ul li:first-child dl dt:before,.treeList ul li:nth-child(2) dl dt:before,.treeList ul li:first-child dl dt:after,.treeList ul:nth-child(2) dl dt:after{ width: 164px; height: 124px;}
.treeList ul li:first-child dl .thumb:before,.treeList ul li:nth-child(2) dl .thumb:before,.treeList dl:first-child .thumb:after,.treeList .thumb:nth-child(2) dt:after{ width: 164px; height: 124px; padding: 2px; background: #fff;}

.list_pages{ margin-bottom: 30px;}
.pages {text-align: left;padding-top: 35px;}
.pages a { display: block; float: left; padding: 0 2px; margin: 0 2px; border: 1px solid #eee; height: 30px; min-width: 28px; line-height: 30px; text-align: center; color: #9b9b9b; background: #f4f4f4;}
.pages a:hover{color: #fff;background: #e1e1e1; color: #a39bab; border: 1px solid #eee;}
.pages .current{ background: none;}
.pages .pages_prev,.pages .pages_prev:hover{ background: url(../images/spilt.png) -47px -78px; border: 0;}
.pages .pages_next{ background: url(../images/spilt.png) -97px 6px; border: 0;}
.pages .pages_next:hover{ opacity: 0.5; background: url(../images/spilt.png) -97px 6px; border: 0;}