.beautyStep
{
    height:100px;
    margin-left:25px;
}
.beautyStep a
{
    background: url(images/BeautyCourses_step.png) no-repeat;
    display: block;
    float: left;
    height: 62px;
    width: 207px;
}
.beautyStep .step1
{
    background-position: 0 0;
}
.beautyStep .step2
{
    background-position: -232px 0;
    margin-left:25px;
}
.beautyStep .step3
{
    background-position: -465px 0;
    margin-left:24px;
}
.beautyStep .step1:hover, .beautyStep .step1.active
{
    background-position: 0 -77px;
}
.beautyStep .step2:hover, .beautyStep .step2.active
{
    background-position: -232px -77px;
}
.beautyStep .step3:hover, .beautyStep .step3.active
{
    background-position: -465px -77px;
}
/****************/
.beautyFilter
{
    font-size:80%;
}
.beautyFilter select
{
    width:100%;
}
.beautyFilter .filter1
{
    float:left;
    width:150px;
}
.beautyFilter .filter2
{
    float:left;
    margin:0 35px 0 40px;
    width:165px;
}
.beautyFilter .filter3
{
    float:right;
    width:150px;
}
.beautyFilter .keyword
{
    float:left;
}
.beautyFilter .keyword input
{
    background-color: #201F24;
    border: 1px solid #525156;
    float:left;
    font-size: 90%;
    height: 14px;
    padding-left: 5px;
    width: 130px;
}
.beautyFilter .keyword a
{
    background: url(images/search_go_light.gif) no-repeat;
    display:block;
    float:left;
    margin-left:1px;
    height: 18px;
    width: 19px;
}
/****************/
.courseVedioTitle
{
    background: url(images/icon/icon_0.png) no-repeat 0 -807px;
    color:#c7c7c7;
    font-weight: normal;
    font-size:100%;
    height: 35px;
    margin: 0 0 10px 0;
    padding:1px 0 0 10px;
}
.courseVedioTitle .info
{
    display:block;
}
.courseVedioTitle a
{
    color:#0C76A7;
}
.courseVedioTitle a, .courseVedioTitle em
{
    float:left;
    font-size:70%;
    margin:2px 5px 0 0;
}
.courseVedioContent
{
    background-color:#000;
    border:1px solid #29292a;
    font-size:80%;
    width:500px;
}
.courseVedioContent .flash
{
    height:385px;
    width:500px;
}
.courseVedioContent .share
{
    color:#fff;
    float:left;
    line-height:20px;
    padding-top: 5px;
    margin-left:20px;
}
.courseVedioContent .share .title
{
    float:left;
}
.courseVedioContent .count
{
    float:right;
    margin:0 20px 10px 0;
}
.courseVedioContent p
{
    border-top:1px solid #131316;
    color:#6f6b6f;
    clear:both;
    line-height:150%;
    padding-top:20px;
    margin:0 20px 30px 20px;
    
}
/****************/
.beautyCourseProd
{
    background:url(images/bg/Beatycoursesvideo_prod_bg.gif) no-repeat top left;
    margin:20px 0 30px 0;
    padding:15px 25px;
    position:relative;
    height:93px;
    width:450px;
}
.beautyCourseProd h2
{
    font-size:85%;
    line-height:20px;
    margin-bottom:15px;
}
.beautyCourseProd .more
{
    background:url(images/Beatycoursesvideo_findmore_button.gif);
    display:block;
    font-size:75%;
    line-height:20px;
    text-align:right;
    padding-right:18px;
    position:absolute;
    top:15px;
    right:25px;
    height:20px;
    width:250px;
}
.beautyCourseProd .item
{
    background:url(images/icon/Beatycoursesvideo_prod_round.gif) no-repeat;
    display:block;
    float:left;
    height:60px;
    width:77px;
}
.beautyCourseProd .firstItem
{
    margin-left:0;
}
.beautyCourseProd .item img
{
    margin:3px;
    height:54px;
    width:54px;
}
/****************/
.skinTest
{
    margin:40px 0 0 20px;
    height:480px;
    width:500px;
}
/****************/
.beautyCourseSearch .beautyVedioList .item
{
    height:160px;
    padding:15px 20px;
}
.beautyCourseSearch .beautyVedioList .pic
{
    border:1px solid #c6c7c9;
    margin-top:5px;
    overflow:hidden;
    padding:1px;
    height:127px;
    width:164px;
}
.beautyCourseSearch .beautyVedioList .pic img
{
    height:auto;
    width:164px;
}
.beautyCourseSearch .beautyVedioList .sepLine
{
    background: url(images/icon/icon_line2.png) no-repeat;
    height: 1px;
}
.beautyCourseSearch .beautyVedioList .hover
{
    background:url(images/video_highlight.gif) repeat-y;
}
/****************/
.beautyUploadForm
{
    width:90%;
    margin:30px 0 0 10px;
}
.beautyUploadForm .title
{
    width: 296px;
    float:left;
}
.beautyUploadForm .titleTh
{
    width:100%;
}
.beautyUploadForm .videoDesc
{   
    height:250px;
    width:96%;
    margin-left:15px;
    overflow:hidden;
}
.beautyUploadForm .privaceLabel
{
    color:#fff;
    font-family: 微软雅黑, 宋体;
    font-size:90%;
    padding:5px 0 30px 15px;
}
.beautyUploadForm .privaceLabel a
{
    color:#00a5c6;
    text-decoration:underline;
    margin-left:5px;
}
.beautyUploadForm .browse, .beautyUploadForm .upload
{
    background:url(images/browse_button.gif);
    border:none;
    display:block;
    float:right;
    height:28px;
    width:64px;
}
.beautyUploadForm .browse
{
    margin-top:-4px;
}
.beautyUploadForm .upload
{
    background:url(images/upload_button.gif);
    float:none;
    margin:0 auto;
    width:96px;
}