lyrics

.aplayer {
 background:#fdfdfd;
 margin-top: -20px;
 margin:0px;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);
 border-radius:2px;
 overflow:hidden;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 line-height:normal;
 position:relative
}
.aplayer * {
 box-sizing:content-box
}
.aplayer svg {
 width:100%;
 height:100%
}
.aplayer svg circle,.aplayer svg path {
 fill:#fff
}
.aplayer.aplayer-withlist .aplayer-info {
 border-bottom:1px solid #e9e9e9
}
.aplayer.aplayer-withlist .aplayer-list {
 display:block
}
.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {
 display:inline
}
.aplayer.aplayer-withlrc .aplayer-pic {
 height:100px;
 width:100px
}
.aplayer.aplayer-withlrc .aplayer-info {
 margin-left:90px;
 height:90px;
 padding:10px 10px 0
}
.aplayer.aplayer-withlrc .aplayer-lrc {
 display:block
}
.aplayer.aplayer-narrow {
 width:66px
}
.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list {
 display:none
}
.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic {
 height:66px;
 width:66px
}
.aplayer.aplayer-fixed {
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 margin:0;
 z-index:99;
 overflow:visible;
 max-width:400px;
 box-shadow:show;
}
.aplayer.aplayer-fixed .aplayer-list {
 margin-bottom:65px;
 border:1px solid #eee;
 border-bottom:none
}
.aplayer.aplayer-fixed .aplayer-body {
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 margin:0;
 z-index:99;
 background:#fff;
 padding-right:180px;
 transition:all .3s ease;
 max-width:400px
}
.aplayer.aplayer-fixed .aplayer-lrc {
 display:block;
 position:fixed;
 bottom:10px;
 left:0;
 right:0;
 margin:0;
 z-index:98;
 pointer-events:none;
 text-shadow:0 0 1px #fff,0 0 10px #fff
}
.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before {
 display:none
}
.aplayer.aplayer-fixed .aplayer-info {
 -webkit-transform:scaleX(1);
 transform:scaleX(1);
 -webkit-transform-origin:0 0;
 transform-origin:0 0;
 transition:all .3s ease;
 border-bottom:none;
 border-top:1px solid #e9e9e9
}
.aplayer.aplayer-fixed .aplayer-info .aplayer-music {
 width:calc(100% - 105px)
}
.aplayer.aplayer-fixed .aplayer-miniswitcher {
 display:block
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {
 display:block;
 -webkit-transform:scaleX(0);
 transform:scaleX(0)
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
 width:66px!important
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {
 -webkit-transform:rotateY(0);
 transform:rotateY(0)
}
.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play {
 display:inline-block
}
.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play {
 position:absolute;
 bottom:27px;
 width:20px;
 height:20px
}
.aplayer.aplayer-fixed .aplayer-icon-back {
 right:75px
}
.aplayer.aplayer-fixed .aplayer-icon-play {
 right:50px
}
.aplayer.aplayer-fixed .aplayer-icon-forward {
 right:25px
}
.aplayer.aplayer-fixed .aplayer-icon-menu {
 right:0
}
.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down {
 display:none
}
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon {
 display:block
}
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.aplayer .aplayer-body {
height:100%;
 width:100%;
 position:relative
}
.aplayer .aplayer-icon {
 width:15px;
 height:15px;
 border:none;
 background-color:transparent;
 outline:none;
 cursor:pointer;
 opacity:.8;
 vertical-align:middle;
 padding:0;
 font-size:12px;
 margin:0;
 display:inline-block
}
.aplayer .aplayer-icon path {
 transition:all .2s ease-in-out
}
.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play {
 display:none
}
.aplayer .aplayer-icon-lrc-inactivity svg {
 opacity:.4
}
.aplayer .aplayer-icon-forward {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.aplayer .aplayer-lrc-content {
 display:none
}
.aplayer .aplayer-pic {
 position:relative;
 float:left;
 height:66px;
 width:66px;
 background-size:cover;
 background-position:50%;
 transition:all .3s ease;
 cursor:pointer
}
.aplayer .aplayer-pic:hover .aplayer-button {
 opacity:1
}
.aplayer .aplayer-pic .aplayer-button {
 position:absolute;
 border-radius:50%;
 opacity:.8;
 text-shadow:0 1px 1px rgba(0,0,0,.2);
 box-shadow:0 1px 1px rgba(0,0,0,.2);
 background:rgba(0,0,0,.2);
 transition:all .1s ease
}
.aplayer .aplayer-pic .aplayer-button path {
 fill:#fff
}
.aplayer .aplayer-pic .aplayer-hide {
 display:none
}
.aplayer .aplayer-pic .aplayer-play {
 width:26px;
 height:26px;
 border:2px solid #fff;
 bottom:50%;
 right:50%;
 margin:0 -15px -15px 0
}
.aplayer .aplayer-pic .aplayer-play svg {
 position:absolute;
 top:3px;
 left:4px;
 height:20px;
 width:20px
}
.aplayer .aplayer-pic .aplayer-pause {
 width:16px;
 height:16px;
 border:2px solid #fff;
 bottom:4px;
 right:4px
}
.aplayer .aplayer-pic .aplayer-pause svg {
 position:absolute;
 top:2px;
 left:2px;
 height:12px;
 width:12px
}
.aplayer .aplayer-info {
 margin-left:66px;
 padding:14px 7px 0 10px;
 height:66px;
 box-sizing:border-box
}
.aplayer .aplayer-info .aplayer-music {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 margin:0 0 13px 5px;
 -webkit-user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 user-select:text;
 cursor:default;
 padding-bottom:2px
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
 font-size:14px;
color:#666
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
 font-size:12px;
 color:#666
}
.aplayer .aplayer-info .aplayer-controller {
 position:relative;
 display:flex
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
 margin:0 0 0 5px;
 padding:4px 0;
 cursor:pointer!important;
 flex:1
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
 position:relative;
 height:2px;
 width:100%;
 background:#cdcdcd
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 background:#aaa;
 height:2px;
 transition:all .5s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 height:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
 position:absolute;
 top:0;
 right:5px;
 margin-top:-4px;
 margin-right:-10px;
 height:10px;
 width:10px;
 border-radius:50%;
 cursor:pointer;
 transition:all .3s ease-in-out;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time {
 position:relative;
 right:0;
 bottom:4px;
 height:17px;
 color:#999;
 font-size:11px;
 padding-left:7px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
 vertical-align:middle
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {
 cursor:pointer;
 transition:all .2s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
 fill:#666
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop {
 margin-right:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
 fill:#000
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {
 display:none
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
 position:relative;
 display:inline-block;
 margin-left:3px;
 cursor:pointer!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
 height:40px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
 position:absolute;
 bottom:15px;
 right:-3px;
 width:25px;
 height:0;
 z-index:99;
 overflow:hidden;
 transition:all .2s ease-in-out
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
 height:40px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
 position:absolute;
 bottom:0;
 right:10px;
 width:5px;
 height:35px;
 background:#aaa;
 border-radius:2.5px;
 overflow:hidden
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
 position:absolute;
 bottom:0;
 right:0;
 width:5px;
 transition:all .1s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon {
 display:none
}
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg {
 position:absolute;
 -webkit-animation:rotate 1s linear infinite;
 animation:rotate 1s linear infinite
}
.aplayer .aplayer-lrc {
 display:none;
 position:relative;
 height:300px;
 text-align:center;
 overflow:hidden;
 margin:-px 0 px
}
.aplayer .aplayer-lrc:before {
 top:200;
 height:100%;
 
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)
}
.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before {
 position:absolute;
 z-index:1;
 display:block;
 overflow:hidden;
 width:100%;
 content:" "
}
.aplayer .aplayer-lrc:after {
 bottom:0;
 height:33%;
 background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)
}
.aplayer .aplayer-lrc p {
  
 font-size:20px;
  font-family: 'BenSen', Arial, sans-serif !important;
 color:#666;
 line-height:px!important;
 height:22!important;
 padding:!2important;
 margin:0!important;
 transition:all .5s ease-out;
 opacity:.4;
 overflow:hidden
}
.aplayer .aplayer-lrc p.aplayer-lrc-current {
 opacity:1;
 overflow:visible;
 height:auto!important;
 min-height:10px
}
.aplayer .aplayer-lrc.aplayer-lrc-hide {
 display:none
}
.aplayer .aplayer-lrc .aplayer-lrc-contents {
 width:100%;
 transition:all .5s ease-out;
 -webkit-user-select:text;
 -moz-user-select:text;
 -ms-user-select:text;
 user-select:text;
 cursor:default
}
.aplayer .aplayer-list {
 overflow:auto;
 transition:all .5s ease;
 will-change:height;
 display:none;
 overflow:hidden
}
.aplayer .aplayer-list.aplayer-list-hide {
 max-height:0!important
}
.aplayer .aplayer-list ol {
 list-style-type:none;
 margin:0;
 padding:0;
 overflow-y:auto
}
.aplayer .aplayer-list ol::-webkit-scrollbar {
 width:5px
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
 border-radius:3px;
 background-color:#eee
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
 background-color:#ccc
}
.aplayer .aplayer-list ol li {
 position:relative;
 height:32px;
 line-height:32px;
 padding:0 15px;
 font-size:12px;
 border-top:1px solid #e9e9e9;
 cursor:pointer;
 transition:all .2s ease;
 overflow:hidden;
 margin:0
}
.aplayer .aplayer-list ol li:first-child {
 border-top:none
}
.aplayer .aplayer-list ol li:hover {
 background:#efefef
}
.aplayer .aplayer-list ol li.aplayer-list-light {
 background:#e9e9e9
}
.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
 display:inline-block
}
.aplayer .aplayer-list ol li .aplayer-list-cur {
 display:none;
 width:3px;
 height:22px;
 position:absolute;
 left:0;
 top:5px;
 cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-index {
 color:#666;
 margin-right:12px;
 cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-author {
 color:#666;
 float:right;
 cursor:pointer
}
.aplayer .aplayer-notice {
 opacity:0;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 font-size:12px;
 border-radius:4px;
 padding:5px 10px;
 transition:all .3s ease-in-out;
 overflow:hidden;
 color:#fff;
 pointer-events:none;
 background-color:#f4f4f5;
 color:#909399
}
.aplayer .aplayer-miniswitcher {
 display:none;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 height:100%;
 background:#e6e6e6;
 width:18px;
 border-radius:0 2px 2px 0
}
.aplayer .aplayer-miniswitcher .aplayer-icon {
 height:100%;
 width:100%;
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg);
 transition:all .3s ease
}
.aplayer .aplayer-miniswitcher .aplayer-icon path {
 fill:#666
}
.aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
 fill:#000
}
@-webkit-keyframes aplayer-roll {
 0% {
  left:0
 }
 to {
  left:-100%
 }
}
@keyframes aplayer-roll {
 0% {
  left:0
 }
 to {
  left:-100%
 }
}
@-webkit-keyframes rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
@keyframes rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
</style>
<div id="player3"  class="aplayer">
    <pre class="aplayer-lrc-content">
[ti:Kothay]
[ar:Elita Karim]
[al:Raaga]
[offset:10]

[00:00.05] Title: Kothay
[00:00.15] Singer : Elita Karim
[00:00.25] Album: Raaga

[00:30.56] হঠাৎ দু'জনে কেন হারালাম
[00:37.85] একলা এ পথে এসে দাড়ালাম
[00:45.27] জানি এভাবে অপেক্ষায়
[00:52.66] কেটে যাবে আমার সময়
[00:59.00]
[00:59.69] এলোমেলো হাওয়ায়,
[01:03.32] এ মন হারায়
[01:07.00] আঁধার কালো রাতে,
[01:10.22] খুঁজি তোমায়,
[01:13.08] খুঁজি তোমায়…
[01:16.00]
[01:17.28] তুমি রবে আমার মনে,
[01:21.28] আমারই প্রার্থনায়
[01:25.05] এটুকু মনে রেখো,
[01:28.32] ভালোবাসি সব সময়…
[01:32.00] তুমি রবে আমার মনে,
[01:36.00] আমারই প্রার্থনায়
[01:39.81] এটুকু মনে রেখো,
[01:43.00] ভালোবাসি সব সময়…
[01:51.00]
[02:06.58] মনে পড়ে কি তোমার আমায়
[02:14.00] ভেবে আমি কান্নায় হারাই
[02:21.28] একা এখানে দাড়িয়ে
[02:28.62] শুধু তোমায় ভেবে যাই
[02:35.12]
[02:35.69] এলোমেলো হাওয়ায়
[02:39.35] এ মন হারায়
[02:43.00] আঁধার কালো রাতে
[02:46.32] খুঁজি তোমায়,
[02:49.04] খুঁজি তোমায়…
[02:52.50]
[02:53.20] তুমি রবে আমার মনে,
[02:57.15] আমারই প্রার্থনায়
[03:01.05] এটুকু মনে রেখো,
[03:04.22] ভালোবাসি সব সময়…
[03:08.00] তুমি রবে আমার মনে,
[03:12.07] আমারই প্রার্থনায়
[03:15.87] এটুকু মনে রেখো,
[03:19.16] ভালোবাসি সব সময়…
[03:27.00]
[03:42.12] এলোমেলো হাওয়ায়
[03:45.87] এ মন হারায়
[03:49.52] আঁধার কালো রাতে
[03:52.75] খুঁজি তোমায়,
[03:55.52] খুঁজি তোমায়…
[03:58.65]
[03:59.69] তুমি রবে আমার মনে,
[04:03.58] আমারই প্রার্থনায়
[04:07.51] এটুকু মনে রেখো,
[04:10.81] ভালোবাসি সব সময়…
[04:14.45] তুমি রবে আমার মনে,
[04:18.40] আমারই প্রার্থনায়
[04:22.35] এটুকু মনে রেখো,
[04:25.65] ভালোবাসি সব সময়…
[04:35.00]
[04:44.26] 
    </pre>

</div>