.main .middle .pagination {display:block; width:100% !important; margin-top:0px; font-size:0; text-align:left;}
.main .middle .pagination.center {text-align:center;}
.main .middle .pagination.right {text-align:right;}
.main .middle .pagination > * {position:relative; display:inline-block; vertical-align:top; min-width:30px; height:30px; background-color:#eee; font-size:18px; line-height:30px; color:#000; text-decoration:none; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-repeat:no-repeat; background-position:center;}
.main .middle .pagination.left > * {margin-right:2px;}
.main .middle .pagination.center > * {margin:0 1px 0;}
.main .middle .pagination.right > * {margin-left:2px;}
.main .middle .pagination a:hover {background-color:#ccc;}
.main .middle .pagination .arrow {position:absolute; width:10px; height:10px; left:50%; top:50%;}
.main .middle .pagination a .arrow {cursor:pointer;}
.main .middle .pagination .next .arrow {transform:translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.main .middle .pagination .prev .arrow {transform:translateX(-50%) translateY(-50%) rotate(-135deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(-135deg);}
.main .middle .pagination .arrow .bartop {position:absolute; width:10px; height:4px; left:0; top:0; background:#000;}
.main .middle .pagination .arrow .barbas {position:absolute; width:4px; height:10px; right:0; top:0; background:#000;}
.main .middle .pagination .vide {color:#eee; line-height:30px;}
.main .middle .pagination > div {cursor:default;}
.main .middle .pagination div.num {padding:0; background-color:#ccc;}
.main .middle .pagination .all {display:block; margin-top:2px; height:auto; min-width:0; background:none !important;}
.main .middle .pagination .all a {position:relative; display:inline-block; vertical-align:top; padding:3px 10px; background-color:#eee; font-size:12px; line-height:normal; color:#000; text-decoration:none; text-align:center;}

.main .middle .paginsmall {margin-top:0px; font-size:0; text-align:left; z-index:1000;}
.main .middle .paginsmall.center {text-align:center;}
.main .middle .paginsmall.right {text-align:right;}
.main .middle .paginsmall div {cursor:default;}
.main .middle .paginsmall .prev,
.main .middle .paginsmall .next {position:relative; display:inline-block; vertical-align:top; width:30px; height:30px; background-color:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main .middle .paginsmall .prev {margin-right:2px;}
.main .middle .paginsmall .next {margin-left:2px;}
.main .middle .paginsmall .arrow {position:absolute; width:10px; height:10px; left:50%; top:50%;}
.main .middle .paginsmall a .arrow {cursor:pointer !important;}
.main .middle .paginsmall .next .arrow {transform:translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.main .middle .paginsmall .prev .arrow {transform:translateX(-50%) translateY(-50%) rotate(-135deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(-135deg);}
.main .middle .paginsmall .arrow .bartop {position:absolute; width:10px; height:4px; left:0; top:0; background:#000; cursor:inherit;}
.main .middle .paginsmall .arrow .barbas {position:absolute; width:4px; height:10px; right:0; top:0; background:#000; cursor:inherit;}
.main .middle .paginsmall .mid {position:relative; display:inline-block; vertical-align:top; min-width:80px; padding:0 10px; height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#000; cursor:pointer;}
.main .middle .paginsmall .mid span {display:inline-block; line-height:25px;}
.main .middle .paginsmall .mid .coin {position:absolute; right:3px; top:3px; width:0; height:0; border-style:solid; border-width:0 7px 7px 0; border-color:transparent #000 transparent transparent;}

.main .middle .paginsmall a.prev:hover,
.main .middle .paginsmall a.next:hover,
.main .middle .paginsmall .mid:hover {background-color:#ccc;}
.main .middle .paginsmall .list {position:absolute; width:100%; left:0; bottom:100%;}
.main .middle .paginsmall .list .fond {padding:1px 0 0 1px;}
.main .middle .paginsmall .list .fond * {position:relative; display:inline-block; vertical-align:top; min-width:30px; height:30px; margin:0 1px 1px 0; padding:0 3px; line-height:29px; color:#000; text-decoration:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#eee;}
.main .middle .paginsmall .list .fond div {background:#eee; cursor:default;}
.main .middle .paginsmall .list .fond a:hover {background:#ccc;}