/*分页样式 默认黑色主题*/
.pagination-content {
    display: block;
    line-height: 0;
    text-align: center;
}

.pagination-content .pagination {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: none;
    margin: 20px 0 20px;
}
.pagination-content .pagination li a,.pagination-content .pagination li span {
    border: 1px solid #2c3e50;
    display: inline-block;
    font-family: raleway;
    font-size: 14px;
    font-weight: 500;
    height: 27px;
    line-height: 24px;
    margin: 0 5px;
    width: 26px;padding: 0;
    color:#2c3e50;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.3);
}


.pagination-content .pagination li.active span{ background-color:#2c3e50;color:#fff;}
.pagination-content .pagination li a i {font-size: 20px; line-height: 25px;}
.pagination-content .pagination li a:hover{
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.3);
}

.product-area .pagination-content .pagination {margin: 80px 0 20px;}


/*绿色主题*/
.pagination-content.green .pagination li a,.pagination-content.green .pagination li span {
    border: 1px solid #27ae60;
    color:#27ae60;
}
.pagination-content.green .pagination li.active span{ background-color:#27ae60;color:#fff;}

.pagination-content.green .pagination li:first-child a, .pagination-content.green .pagination li:last-child a {
    background-color:#27ae60;color:#fff;
}
/*红色主题*/
.pagination-content.red .pagination li a,.pagination-content.red .pagination li span {
    border: 1px solid #c0392b;
    color:#c0392b;
}
.pagination-content.red .pagination li.active span{ background-color:#c0392b;color:#fff;}

/*蓝色主题*/
.pagination-content.blue .pagination li a,.pagination-content.blue .pagination li span {
    border: 1px solid #2980b9;
    color:#2980b9;
}
.pagination-content.blue .pagination li.active span{ background-color:#2980b9;color:#fff;}
/*橘色主题*/
.pagination-content.orange .pagination li a,.pagination-content.orange .pagination li span {
    border: 1px solid #f39c12;
    color:#f39c12;
}
.pagination-content.orange .pagination li.active span{ background-color:#f39c12;color:#fff;}

/*紫色主题*/
.pagination-content.purple .pagination li a,.pagination-content.purple .pagination li span {
    border: 1px solid #8e44ad;
    color:#8e44ad;
}
.pagination-content.purple .pagination li.active span{ background-color:#8e44ad;color:#fff;}


/*青色主题*/
.pagination-content.cyan .pagination li a,.pagination-content.cyan .pagination li span {
    border: 1px solid #16a085;
    color:#16a085;
}
.pagination-content.cyan .pagination li.active span{ background-color:#16a085;color:#fff;}


/*橙色主题*/
.pagination-content.pumpkin .pagination li a,.pagination-content.pumpkin .pagination li span {
    border: 1px solid #d35400;
    color:#d35400;
}
.pagination-content.pumpkin .pagination li.active span{ background-color:#d35400;color:#fff;}