body {
width:760px;
min-width:760px;
background:#F1FAFF;
text-align:center;
margin:auto;
}

a {
color:#666;
text-decoration:none;
}

.poetry-container {
width:100%;
height:100%;
border:1px solid #F1FAFF;
position:relative;
padding:0 1px;
}

.poetry-header {
height:60px;
font-weight:700;
font-size:14px;
}

.poetry-header-left {
float:left;
width:10px;
height:50px;
padding-top:10px;
background:url(../images/cardhead_left.gif);
}

.poetry-header-mid {
float:left;
width:740px;
height:50px;
padding-top:10px;
color:#fff;
background:url(../images/cardhead_mid.gif) top repeat-x;
}

.poetry-header-right {
float:right;
width:10px;
height:50px;
padding-top:10px;
background:url(../images/cardhead_right.gif);
}

.poetry-body {
width:758px;
height:auto;
min-height:465px;
text-align:center;
background:url(../images/cloud_bg.gif) #F1FAFF top no-repeat;
padding:0 1px;
background-size:100% 100%;
}

.poetry-body span {
width:50px;
display:inline-block;
}

.poetry-poem {
height:55px;
line-height:55px;
overflow:hidden;
font-family:KaiTi;
font-size:30px;
}

.poetry-poem-border {
padding-left:15px;
}

.poetry-poem-border:hover {
height:51px;
line-height:51px;
padding-left:32px\9;
border:2px solid #C7C708;
}

.poetry-title {
font-size:35px;
font-weight:700;
margin-bottom:-15px;
}

.poetry-title span {
padding-right:15px;
}

.poetry-author {
font-size:20px;
color:#7E7B7B;
margin-bottom:-10px;
}

.poetry-author span {
padding-right:10px;
}

.poetry-content {
letter-spacing:10px;
}

.poetry-content span {
padding-left:20px;
}

.poetry-footer {
width:760px;
height:74px;
}

.poetry-footer-left {
float:left;
width:10px;
height:74px;
background:url(../images/word_bomleft.gif) top no-repeat;
}

.poetry-footer-mid {
float:left;
width:740px;
height:74px;
background:url(../images/word_bommid.gif) top repeat-x;
}

.poetry-btn-left {
float:left;
padding-top:15px;
}

.poetry-elocnte {
width:61px;
height:39px;
float:left;
background:url(../images/btn.png) 0 no-repeat;
}

.poetry-sentence {
width:62px;
height:39px;
float:left;
background:url(../images/btn.png) center no-repeat;
}

.poetry-recite {
width:61px;
height:39px;
float:left;
background:url(../images/btn.png) -122px no-repeat;
}

.poetry-btn-right {
float:right;
padding-top:4px;
font-size:14px;
font-weight:700;
}

.poetry-recorded div {
float:right;
margin-left:32px;
width:80px;
line-height:14px;
text-align:center;
}

.poetry-btn-right a {
display:block;
width:80px;
height:20px;
margin-top:42px;
}

.poetry-voicebar {
float:left;
height:20px;
width:1px;
background-color:#006400;
}

.poetry-footer-right {
float:right;
width:10px;
height:74px;
background:url(../images/word_bomright.gif) top no-repeat;
}

.clear {
clear:both;
}

.btn_funstart_nor {
background:url(../images/btn_oralfun.jpg) 0 0 no-repeat;
}

.btn_funstart_dis {
background:url(../images/btn_oralfun.jpg) -160px 0 no-repeat;
color:#bababa;
}

.btn_funplay_nor {
background:url(../images/btn_oralfun.jpg) 0 -62px no-repeat;
}

.btn_funplay_dis {
background:url(../images/btn_oralfun.jpg) -160px -62px no-repeat;
color:#bababa;
}

.btn_funread_nor {
background:url(../images/btn_oralfun.jpg) 0 -124px no-repeat;
}

.btn_funread_hov {
background:url(../images/btn_oralfun.jpg) -80px -124px no-repeat;
}

.btn_funread_dis {
background:url(../images/btn_oralfun.jpg) -160px -124px no-repeat;
color:#bababa;
}

.btn_fundb_nor {
background:url(../images/btn_oralfun.jpg) 0 -186px no-repeat;
}

.btn_fundb_hov {
background:url(../images/btn_oralfun.jpg) -80px -186px no-repeat;
}

.btn_fundb_dis {
background:url(../images/btn_oralfun.jpg) -160px -186px no-repeat;
}

.btn_funstart_dis a, .btn_funstart_dis a:hover,.btn_funplay_dis a, .btn_funplay_dis a:hover,.btn_funread_dis a, .btn_funread_dis a:hover,.btn_fundb_dis a, .btn_fundb_dis a:hover{
color:#bababa;
}

.btn_funpause_nor,.btn_funstop_nor {
float:right;
margin-left:32px;
width:80px;
line-height:14px;
text-align:center;
background:url(../images/btn_oralfun.jpg) 0 -310px no-repeat;
}

.btn_funpause_hov,.btn_funstop_hov {
float:right;
margin-left:32px;
width:80px;
line-height:14px;
text-align:center;
background:url(../images/btn_oralfun.jpg) -80px -310px no-repeat;
}

.mic_poetry_tm {
float:right;
width:25px;
height:30px;
background:url(../images/mic_normal.png) no-repeat;
margin:15px 5px 0 30px;
}

.mic_poetry {
float:right;
width:280px;
height:20px;
margin-top:18px;
margin-right:50px;
border:1px solid #C4C0C0;
}

.btn_funplay_hov {
background:url(../images/btn_oralfun.jpg) -80px -62px no-repeat;
}

.poetry-tip {
position:absolute;
top:400px;
left:10px;
z-index:99999;
height:50px;
width:740px;
display:block;
}

.poetry-tipcontent {
height:50px;
font-size:35px;
font-weight:300;
color:#006c54;
border-radius:3px;
box-shadow:0 0 3px #555;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-align:left;
padding-top:10px;
background-color:#c7e2e6;
border-color:#5ca5d2;
}

.poetry-answerMenu {
position:absolute;
top:395px;
left:30px;
z-index:99999;
height:50px;
width:150px;
max-width:200px;
padding-bottom:5px;
}

.poetry-arrow {
border-top-color:#555;
margin-left:85px;
margin-top:50px;
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

.poetry-arrow-inner {
position:absolute;
height:0;
width:0;
margin-top:17px;
margin-left:-20px;
border-color:#b2b7b9 transparent transparent;
border-style:solid;
border-width:6px;
}



.poetry-answerMenu-content {
font-size:15px;
font-weight:300;
color:#130c0e;
background-color:#eee;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0 0 3px #555;
padding:4px 8px;
}

.poetry-answer {
background-color:#abc88b;
border:2px solid #7fb80e;
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-webkit-transition:none;
border-radius:6px;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-webkit-border-radius:6px;
}

.poetry-answerMenu-content div{
    height:25px;
    padding-top: 5px;
}