.tabHeader { width:100%; float:left; background:url(../images/page-bg.jpg) no-repeat top center;	}
.tabContent { clear:both; width:100%; float:left;}
.tab {  /*width: 600px;  height: 300px;  border: 1px solid #ccc;  margin: 20px auto;  background: #fff;*/}

.tabContent > div { display: none; }

/*.tabHeader {  height: 50px;  line-height: 50px;  border-bottom: 1px solid #ccc;}*/


.tabHeader ul { margin:0px; padding:0px; width:100%; float:left;}
.tabHeader li {  float: left;  width: 16.65%;  text-align: center;  cursor: pointer;   color: #EFEFEF; list-style:none; height:187px; position:relative;}
.tabHeader li + li { background:url(../images/spc.png) no-repeat bottom left}
.tabHeader li:before { width:100%; height:1px; background:#fff; content:''; left:0; top:16px; position:absolute;}
.tabHeader li a{ font-size: 19px;
    font-weight: 500;
    color: #fff;
    display: block;
    padding-top: 102px;
    position: relative;
    height: 187px;
    transition: bottom 0.3s ease-in 0s;
    -webkit-transition: bottom 0.3s ease-in 0s;
    padding-left: 5px;
    padding-right: 5px;word-break: break-all;}
.tabHeader li a:hover { text-decoration:none; background:url(../images/ho-bule.png) repeat-x bottom left;}
.tabHeader li.active a { text-decoration:none; background:url(../images/ho-bule.png) repeat-x bottom left;}
.tabHeader li.active a:before {background:url(../images/star-ho.png) no-repeat top center; top:-31px;}
.tabHeader li a:before {background:url(../images/star.png) no-repeat top center; content:''; position:absolute; width:100%; height:100%; left:0; top:0; transition:linear 0.3s ease-in 0s;-webkit-transition:linear 0.3s ease-in 0s;}
.tabHeader li:hover a:before {background:url(../images/star-ho.png) no-repeat top center; top:-31px;}
.tabHeader li a:hover, .tabHeader li a:focus { text-decoration:none;}


.content-side .tabHeader > ul { margin: 0;}
.tabContent  { background:#fff; padding:30px; margin-top:30px;}
.tabContent .active { display: block; }

/*.tabContent .tabItem { padding: 10px; }*/