.b-popup {
	position: absolute;
	z-index: 9999;
	margin: -9px 0 0;
	width: 500px
}

.b-popup-t, .b-popup-b {
	display: block;
	margin: 0 12px;
	background: url(../img/tb.png)
}

.b-popup-t {
	height: 9px
}

.b-popup-b {
	height: 19px;
	background-position: 0 -61px
}

.b-popup-l, .b-popup-r {
	position: absolute;
	top: 26px;
	bottom: 26px;
	width: 14px;
	background: url(../img/lr.png)
}

.b-popup-l {
	left: -14px
}

.b-popup-r {
	left: 100%;
	background-position: -14px 0
}

.b-popup-tl, .b-popup-tr, .b-popup-bl, .b-popup-br {
	position: absolute;
	width: 26px;
	height: 26px;
	background: url(../img/tb.png) no-repeat
}

.b-popup-tl {
	left: -14px;
	background-position: 0 -9px
}

.b-popup-tr {
	left: 100%;
	margin-left: -12px;
	background-position: -26px -9px
}

.b-popup-bl {
	margin: -26px 0 0 -14px;
	background-position: 0 -35px
}

.b-popup-br {
	left: 100%;
	margin: -26px 0 0 -12px;
	background-position: -26px -35px
}

.b-popup-content {
	position: relative;
	height: 100%;
	background: #fff
}

.b-popup-frame {
	width: 100%;
	height: 100%;
	margin: -1px 0 -1px -3px;
	border: solid 0 #f0f285
}

.b-popup-body {
	clear: both;
	padding: 0 13px 10px
}

.b-popup-body-inner {
	background: #FEFFD6
}

.b-popup-tail {
	position: absolute;
	top: -7px;
	width: 19px;
	height: 7px
}

.b-popup-title {
	font-weight: bold;
	float: left;
	margin: 0 32px -2px 0;
	padding: 8px 13px
}

.b-popup-close {
	position: absolute;
	top: 9px;
	right: 8px;
	width: 16px;
	height: 16px;
	background: url(../img/close-dark.png) no-repeat;
	cursor: pointer
}

.b-popup-thumbs {
	margin: 0;
	padding: 0 0 24px;
	text-align: center;
	white-space: nowrap
}

.b-popup-thumbs li {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 3px;
	padding: 2px 0;
	list-style: none;
	border-bottom: solid 4px #fff;
	cursor: pointer
}

.b-popup-thumbs li:hover {
	border-bottom-color: #ddd
}

.b-popup-thumbs li.current, .b-popup-thumbs li.current:hover {
	border-bottom-color: #ff6b00;
	cursor: default
}

.b-popup-thumbs .prev, .b-popup-thumbs .next {
	position: relative;
	top: -1em;
	border: none
}

.b-popup-thumbs .prev {
	margin-right: 10px
}

.b-popup-thumbs .next {
	margin-left: 10px
}

.b-popup-picture {
	cursor: pointer
}

.b-popup-modal {
	position: fixed;
	top: 50%;
	left: 50%
}

.b-popup-success .b-popup-title {
	background: #007b41;
	color: #fff
}

.b-popup-warning .b-popup-title {
	background: #c00;
	color: #fff
}

.b-popup-inform .b-popup-title {
	background: #ffc100
}

.b-popup-note {
	margin-top: -3px
}

.b-popup-note .b-popup-tail {
	background: url(../img/tail-note.png) no-repeat
}

.b-popup-note .b-popup-body {
	padding-right: 30px
}

.b-popup-note .b-popup-close {
	right: 8px
}

.b-popup-note-left {
	margin-left: -28px
}

.b-popup-note-left .b-popup-tail {
	left: 18px
}

.b-popup-note-right {
	margin-left: -473px
}

.b-popup-note-right .b-popup-tail {
	right: 18px
}

.b-popup-note .b-popup-content {
	background: #F7EEDA
}

.b-popup-gallery {
	top: 0;
	left: 50%
}

.b-popup-gallery .b-popup-title {
	background: #ff6c00;
	color: #fff
}

.b-popup-gallery .b-popup-body {
	padding: 10px 13px 10px;
	text-align: center
}

.b-popup-action {
	top: 0;
	left: 50%
}

.b-popup-action .b-popup-title, .b-popup-action_modal .b-popup-title {
	background: #070;
	color: #fff
}

.b-popup-action .b-popup-body, .b-popup-action_modal .b-popup-body {
	padding: 10px 13px 10px
}