#magazine{
	width:1152px;
	height:752px;
}
#magazine .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}
.page
{
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 20px;
    margin-top: 5px;
    margin: 0 auto;
    position: relative;
    width: 640px;
}
.wrapper * {
   color: #888;
}
.gallery {
    font-family: 微软雅黑,Simsun,Helvetica,Arial,sans-serif;
    margin: 1px;
    padding: 5px 5px 30px;
    position: relative;
}
#thumblist ul
{
 margin: 0 auto;
    width: 640px;
}
ul, ol {
    list-style: none outside none;
}
#thumblist ul li
{
cursor: pointer;
    float: left;
    margin-bottom: 36px;
    margin-right: 10px;
}
div.pages_item
{
border: 1px solid #D4CEBF;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
    height: 100%;
    padding: 0;
    position: relative;
}
#thumblist ul li.book_view
{
height: 136px;
    #width: 199px;
}
.book_view .backbone {
    left: 73px;
}
.backbone {
    background-image: url("../images/backbone_bg_small.png");
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
}
.book_s {
    background-color: #FFFFFF;
    cursor: pointer;
    float: left;
    #height: 100%;
    margin-bottom: 30px;
    margin-right: 20px;
}
.book_s span {
position: relative;
font-size: 12px;
left: 0px;
display: block;
}

.book_sr {
    background-color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 100%;
    margin-bottom: 30px;
    margin-right: 20px;
	margin-left: 8px;
}
.book_sr span {
position: relative;
font-size: 12px;
left: 0px;
display: block;
}

.book_l {
    background-color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 100%;
}

.book_r {
    background-color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 100%;
}

.book_l span {
position: absolute;
font-size: 12px;
bottom: -20px;
left: 0px;
}

.book_r span {
position: absolute;
font-size: 12px;
bottom: -20px;
right: 0px;
}

.close_bar_outer {
    display: table;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
.page_shadow_l {
    background-image: url("../images/left_page_mask.png");
    background-position: center center;
    background-repeat: repeat-y;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 46px;
}
.page_shadow_r {
	background-image: url("../images/right_page_mask.png");
    background-position: center center;
    background-repeat: repeat-y;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 46px;
}
span.arrow{
	filter: Alpha(opacity=40);
           -moz-opacity:.4;
           opacity:0.4;
	height:60px;
	width:86px;
	position:absolute;
	
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#dialog.window span.previous{ 
	background:url('../images/arrow_left.png') no-repeat;
	margin-left: -86px;
	left:0;
}

#dialog.window span.next{ 
	background:url('../images/arrow_right.png') no-repeat;
	margin-right: -86px;
	right:0;
}