#surprise_list .surprise {
    float: left;
    width: 101px;
    height: 101px;
    outline: none;
}
#surprise_list .surprise i {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
}
#surprise_list .price {
    height: 100px;
    clear: both;
    margin: 0 0 0 15px;
}
#surprise_list .price span {
    float: left;
    color: #ccc;
    font-size: 11px;
    padding-top: 68px;
}
#surprise_list .price .l {
    width: 560px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 0 18px;
    padding-left: 18px;
}
#surprise_list .price .l div {
    width: 2000px;
    height: 100px;
}
#surprise_list .selected {
    background: url(/images/surprise/surprise_select.png) no-repeat;
}
#surprise_list_ {
    height: 312px;
    overflow: hidden;
}
#surprise_wizard  {
    clear: both;

}
#surprise_right, #surprise_left {

}
#surprise_left {
    float: left;
    width: 34px;
    height: 34px;
    background: url(/images/index/face_navigator_left.png) no-repeat;
    margin: 120px -34px 0 0;
    position: relative;
    z-index: 1;
}
#surprise_left:hover {
    background-image: url(/images/index/face_navigator_left_hover.png);
}
#surprise_right {
    float: right;
    width: 34px;
    height: 34px;
    background: url(/images/index/face_navigator_right.png) no-repeat;
    margin: 120px 0 0 -34px;
    position: relative;
}

#surprise_right:hover {
    background-image: url(/images/index/face_navigator_right_hover.png);
}

#surprise_to {
    height: 68px;
    float: left;
    padding: 12px 0 0 282px;
    background: url(/images/surprise/surprise_to.png) no-repeat scroll 10px 2px;
    overflow: hidden;
    width: 200px;
    *margin-bottom: -20px;
}
#surprise_to img {
    float: left;
    width: 32px;
    margin-right: 20px;
}
#surprise_to .city2 {
    display: block;
    color: #a7a7a6;
    margin: 3px 0 0;
}
#surprise_to a {
    margin-left: -14px;
}

#surprise_list form strong {
    display: block;
    color: #2491cf;
}
#surprise_list form {
    padding: 0 18px 0 50px;
    clear: both;
}

#surprise_list input, #surprise_list label {
    vertical-align: bottom;
}
#surprise_list .send {
    width: 176px;
    height: 100px;
    display: block;
    background: url(/images/surprise/send.png) no-repeat;
    float: right;
}
#surprise_list .send:hover {
    background-position: -179px 0;
}
#surprise_pay {
    clear: both;
}

#surprise_gr_right, #surprise_gr_left {
    width: 48px;
    height: 321px;
    margin-top: -321px;
}
#surprise_gr_right {
    float: right;
    background: url(/images/surprise/gr_right.png) no-repeat 0 0;
    _backgound: none;
    margin-left: -10px;
    margin-right: 30px;
}
#surprise_gr_left {
    float: left;
    background: url(/images/surprise/gr_left.png) no-repeat 0 0;
    _backgound: none;
    margin-left: 32px;
}

#surprise_preview {
	height: 100px;
	margin: 0 62px 0;
}

#surprise_preview span {
	display: block;
	padding: 16px;
}

#surprise_preview img {
	float: left;
	margin-right: 10px;
}

#backtoedit {
	margin: 0px 0px 0px 34px;
	background: url(/images/surprise/back.png) no-repeat 0 4px;
	height: 33px;
	padding-left: 25px;
	width: 190px;
	float: left;
}

#backtoedit a {
	text-decoration: none;
	font-size: 11px;
	border-bottom: 1px dashed #2491cf;
	color: #2491cf;
}

#art {
	background: url(/images/surprise/art.png) no-repeat 0 0px;
	width: 30px; height: 23px;
        float: left;
        margin: 90px 20px 0 -50px;
}


.msg_send {
        width: 139px;
        height: 31px;
        display: block;
        margin: 10px 0 5px;
}
.surp_send {
	width: 211px;
        height: 44px;
        display: block;
        background: url(/images/surprise/s.png) no-repeat 0 0;
}
.surp_send:hover {
    background-position: 0 -42px;
}

.br_tp {
	margin-top: 0px !important;
}